前期准备
安装以下东西:
1.git
2.node
3.个人github配置
安装完上面几大重要东西以后,hexo的搭建开始进入正轨。
安装hexo
- 在vscode中本地创建一个文件夹blog文件夹,cd进入该目录,里面必须是空的!
- 在vscode中打开终端(命令行),输入npm install -g hexo 或者 yarn add hexo -g
- 安装完成以后输入hexo -v会显示hexo的相关信息
- 此时hexo应已安装完成,在该目录下执行hexo init进行hexo初始化以及安装依赖,就会有下列文件产生。
- node_modules:是依赖包
- public:存放的是生成的页面
- scaffolds:命令生成文章等的模板
- source:用命令创建的各种文章
- themes:主题
- _config.yml:整个博客的配置
- db.json:source解析所得到的
- package.json:项目所需模块项目的配置信息
github创建一个hexo的repo
repo的仓库名必须是yourname.github.io这个格式,其中yourname是github个人账号名
创建好以后,打开blog文件夹下的_config.yml配置文件,找到以下:
deploy:
type: git
repo: https://github.com/YourgithubName/YourgithubName.github.io.git
branch: master
注意:冒号后面都是要带一个空格的
cd进入blog目录
- hexo clean //清除缓存
- hexo generate
- hexo server
打开浏览器输入http://localhost:4000/ 就能看到初始blog了
上传到自己的github
在blog目录下安装:npm install hexo-deployer-git –save
执行命令:
- hexo clean
- hexo generate
- hexo deploy
在首次deploy的时候,会要求输入github的username及passward
最后在浏览器中输入http://yourgithubname.github.io 就可以看到自己的博客了
修改blog主题以及配置
hexo的默认主题很丑!!所以我们需要更换它的主题,themes可以在这里面找到自己想要的主题,也可以通过百度来找自己喜欢的风格主题
写文章
hexo支持markdown的语法,因此很方面,可以通过hexo new ‘文章名’或者hexo new page ‘文件夹名’来创建文章md文件,也可以手动在文件夹下面添加。
- 到这里,简单的hexo博客搭建已经完成。最后,关于更换完主题后的相关配置,可以查看相关主题的配置文档,一般都会有详细的说明,这里就不多提了,好晚了~好困~~睡觉睡觉,祝自己好梦。