Hexo搭建个人博客
搭建过程
Github配置
- 在Github上申请一个帐号
- 创建一个repository,其命名规则有两种
- <你的用户名>.github.io // 那你的博客地址就是 http://<你的用户名>.github.io 推荐
- <任意名称> // 那你的博客地址将是:http://<你的用户名>.github.io/<任意名称>
- 使用ssh连接,配置ssh的公钥和私钥,以后连接github不用再输入密码
Hexo安装
- 请按最新官网安装并配置Hexo,具体请看:https://hexo.io/
- 使用如下命令,搭建本地Server:
1
2
3hexo clean // 清除刚刚创建的静态web网页
hexo g // hexo generator的缩写,生成静态web网页,生成的目录是:public
hexo s // hexo server的缩写,生成本地web服务器,可以访问,查看效果
开发环境
- 下载webstorm
- 给webstorm安装markdown插件
- 通过webstorm加载hexo
Hexo的目录结构
Hexo的配置
- 在_config.yml里设置如下参数:
- title
- subtitle
- description
- author
- language
- 在_config.yml里配置github的服务器及主分支:
1
2
3
4deploy:
type: git
repository: git@github.com:xxx
branch: master - 在_config.yml里配置主题和对css文件等等的压缩
1
2
3theme: jacman // 这个是我使用的主题,你可以在网上下载更多的主题
stylus:
compress: true // 对样式文件进行压缩 - 按官网教程安装Hexo后,执行hexo d命令会报错,是由于缺少Module库,执行下面的命令:安装之后,就可以执行hexo d进行部署了
1
npm install hexo-deployer-git --save
- 在_config.yml里设置如下参数:
写博客
- 使用如下命令创建新的文章:
1
hexo new "文章名称"
- 在source文件下,创建一个存放图片目录,如img,在文章里引用的地址为:/img/图片名
- 在目录source/_posts目录下找到文件,并编辑
- 文章可以设置categories(类别)和tags(标签),注意:tags下面只能是3个横线,多了少了都不行
- 使用如下命令创建新的文章:
查看效果
1
2
3
4
5hexo clean
hexo g
hexo s
[空行]
hexo d // hexo deployer的缩写 发布到Github
Hexo备份
使用Github来备份
- 在github上创建一个hexo的分支
- 把本地的hexo项目上传到hexo分支里,但注意配置.gitignore文件,如下:
1 | .DS_Store |
添加新功能
- 改主题,我使用的是jacman
- 添加关于,使用如下命令
1
hexo new page "about" // 这样创建md文件,才能使用/about来引用到
- 添加百度统计,用于统计网站流量
- 添加站内搜索
- 添加评价,推荐使用多说
- 添加百度搜索、google搜索
- 添加sitemap.xml,供搜索引擎的爬虫使用
hexo发布新文章
方法一:
- 创建文章,命令如下:
1
hexo new "文章名称"
- 在source/_posts目录下,就会创建此文章,编译完成后,部署,命令如下:
1
2hexo clean
hexo d -g // 相当于先执行hexo g 再执行hexo d
方法二:
- 新创建草稿,命令如下:
1
hexo new draft "文章名称"
- 在source/_drafts目录下,会创建相应的文章,编写文章,草稿文章默认情况下,不会被部署到站点里
- 把草稿发布为文章,命令如下:
1
hexo publish "草稿文章名称"
F&Q
图片支持
https://codefalling.com/2015/12/19/no-pains-with-hexo-local-image/