hex安装的前提需要Node.js和Git,没有安装的小伙伴请自行百度。
效果图:
![](https://img.haomeiwen.com/i2302479/af0877065f0205d5.png)
本地博客
安装hexo
$ npm install hexo-cli -g
新建一个文件夹mySite,然后cd到该文件夹。
$ hexo init #初始化
$ hexo g #创建静态html文件
$ hexo s #开启本地服务
成功后就可以在浏览器输入localhost:4000 进行访问。
增加文章
$ hexo new "articleName"
#新建文章
生成的文章会存在于 mySite/source/posts 目录下
文章默认是一个 .md 的格式,所以需要知道markdown语法哦
增加页面
$ hexo new page "pageName"
#新建页面
主题改变
主题库 https://github.com/hexojs/hexo/wiki/Themes
先在主题库选好主题,比如博主的主题就是 next。
$ cd mySite
$ git clone https://github.com/iissnan/hexo-theme-next themes/next
成功后修改mySite文件夹下的 _config.yml 文件中。将 theme:之前的主题名改为theme:next即可。
改完后执行
$ hexo clean
$ hexo g
$ hexo s
开启本地服务之后就可以在浏览器输入localhost:4000 进行访问。
远程博客
之前的操作只能本地访问,要想别人也能访问的话必须发布到服务器上,这里我是用github的服务器。
使用github搭建远程博客需要学习GitHub Pages,不会的小伙伴请自行百度。
- 修改mySite文件夹下的_config.yml文件。
...
#通常在该文件的最后
deploy:
type: git
repo: https://github.com/{ice45571}/{ice45571}.github.io.git #大括号里内容需要替换成你自己的github名字
branch: master
$ npm install hexo-deployer-git --save
-
$ hexo deploy
#部署本地服务器文件到github服务器 - 成功后只需要在浏览器输入
https://{ice45571}.github.io/
即可访问 - 之后本地所有改动只要使用
$ hexo deploy
就可以同步到远程服务器
尾语
- 原文链接
- 目前集成评论系统出错,待更新(成功的小伙伴可以多多指教)。
网友评论