很久以来就想自己搭个博客写文章,记录编程路上成长的过程。没想到一直拖到毕业半年后才完成,还是托管到github上的静态网站。古人说得好,凡事预则立,不预则废,计划了这么久,最后能执行就行。接下来就详细说下用Hexo搭建博客并托管到github上的整个操作。
准备工作
- 下载node.js并安装
- 安装git
- 安装hexo。方法:新建
blog
文件夹,在该目录下运行npm install hexo-cli -g
本地搭建博客
进入
blog
目录,运行hexo init
(初始化博客,生成hexo模板)npm install
,安装需要的包hexo server
(默认监听4000端口,访问localhost:4000查看博客)
用Github托管博客
在Github创建
xxx.github.io
的项目,xxx为github用户名打开
blog
文件夹内的_config.yml
配置文件,最后部分按如下设置1
2
3
4deploy:
type: git
repo: git@github.com:zhhuan/zhhuan.github.io.git
branch: master运行
npm install hexo-deployer-git --save
运行
hexo g
(本地生成静态文件,public目录)运行
hexo d
(将静态文件推送到Github)
打开浏览器,访问https://xxx.github.io
Hexo常用操作
更新文章
在
blog
目录下运行hexo new "article title"
,会在_post文件夹中生成一个md文件编辑正文内容(MakeDown)
修改起始字段
- title 文章的标题
- date 创建日期 (文件的创建日期 )
- updated 修改日期 ( 文件的修改日期)
- comments 是否开启评论 true
- tags 标签
- categories 分类
- permalink url中的名字(文件名)
hexo clean
删除本地静态文件(public文件夹)hexo g
生成静态文件hexo d
推送
更换主题
Hexo 中有很多主题,可以在官网查看。 这里使用hexo-theme-next,下面列举更换主题的一般步骤:
1.下载主题资源
1 | git clone https://github.com/iissnan/hexo-theme-next themes/next |
2.应用下载的主题
在网站配置文件_config.yml
中,配置theme
1 | theme: next |
next是主题名称,具体的可查看主题的文档
3.主题其他配置
可在/theme/{theme}/_config.yml
主题的配置文件下进行主题的配置。
4.查看效果
1 | hexo clean |