本文是以Mac为例。入门级教程,适合小白~~
安装前准备
1.node.js安装
2.git安装 (因为我们最终要把代码提交到github上)
3.一个github账号
4.一个与GitHub账号同名的GitHub仓库:xxx.github.io xxx是GitHub账号名
安装预览
安装过程遇到问题,可以先往下面看坑
,有没有解决你的疑问。
1.新建一个文件夹,用来放博客的相关文件,相当于博客的根目录,例如:/blog
2.进入blog文件夹:cd ~/blog
3.全局安装hexo:sudo npm install -g hexo
4.初始化hexo:hexo init
5.生成静态页面:hexo generate (简写:hexo g) [遇到问题,看下面的坑]
6.启动本地服务:hexo server(简写:hexo s)
7.预览:浏览器输入:http://localhost:4000 [不能显示,看下面的坑]
到这里,就已经安装完成了。
部署到github
1.指定要提交的github仓库的地址:打开blog目录下的_config.yml,找到最下面的deploy设置,改成:
|
|
type: 与git中间有一个空格,这是YAML的语法,必须有一个空格,否则会出错。
repo:的值是GitHub仓库地址,可以用https协议,也可以用ssh协议。
2.安装hexo-deployer-git : npm install hexo-deployer-git –save
3.将本地hexo文件部署到GitHub:hexo deploy (简写:hexo d)
4.在浏览器中输入:http://wslicknet.github.io/. 查看。 wslicknet是你自己的GitHub账户名。
更改主题
1.hexo主题列表:https://github.com/hexojs/hexo/wiki/Themes
2.选择自己喜欢的主题:$ git clone <repository> themes/<theme-name>
一般github上每个主题都有安装和使用说明。clone后的主题文件在blog/themes/
文件夹下.
3.更改blog/_config.yml文件中的theme值,例如:theme: yilia
4.除了更改主题,还可以更改#site中的值,你自己网站的title subtitle author email 等都可以更改。
5.和主题相关的配置,一般是在每个主题的配置文件中,例如:blog/theme/yilia/_config.yml 可根据需要修改。
更改完配置后,依然是hexo g
hexo d
新建文章
1.hexo new “文章名称”,文章在blog/source/_posts目录下,直接编辑md文件即可。
坑
1.部分操作需要root权限,如果遇到因为权限被拒绝的错误,请用sudo命令试下。
2.hexo g
hexo d
等执行hexo命令,报错:
|
|
可忽略,hexo并没有用到这个功能,如果强迫症,可以自行百度解决方法。
3.本地预览时,打不开页面,报错:找不到localhost 。2.6以后的hexo版本,需要手动配置些东西,执行下面3行代码试下:
|
|
执行完后再重复安装步骤的5,6,7.
4.如果更换主题时,遇到问题,可在GitHub上主题项目的issue里寻找解决方法。一般,你遇到的别人都已经遇到过了。
会随着使用的深入不断更新~~~