配置自己的github博客

1 项目结构

1.1 _config.yml

网站的配置信息,在这边配置网站的大部分信息

1.2 scaffolds

模板文件夹,新建文件会根据里面的模板创建新的文件

1.3 source

资源文件夹是存放用户资源的地方,然后 _posts 是存放 markdown 文章的地方

1.4 themes

主题文件夹,hexo 会根据主题生成静态文件夹。本次我们使用的主题是 Next 主题
主题网站

2 _config.yml 的配置

2.1 网站

我们可以在 _config.yml 文件 中修改大部分的配置,具体咋配置,我就偷个懒了。直接贴中文文档的图了。
image
其中,language 就设置为 zh-Hans 啦,毕竟咱还是用中文写博客的,当然如果有大佬想搞个国际化的全英博客的话就另当别论了。 description 主要用于SEO,告诉搜索引擎一个关于我们站点的简单描述,官方是推荐在里面写我们站点的关键字,主题啥的,但是个人咧还是比较喜欢直接写个个人签名╭(╯^╰)╮ author 参数就是来说这个博客的是谁家的孩子啦。

2.2 网址

image
如果你的网站存放在子目录中,例如 http://yoursite.com/blog,则请将你的 url 设为 http://yoursite.com/blog 并把 root 设为 /blog/

2.3 目录

image
这里是高端局,我这种菜鸡就老老实实跟着官方走,不乱改了。

2.4 文章

image
默认情况下,Hexo 生成的超链接都是绝对地址。例如,如果您的网站域名为 example.com,您有一篇文章名为 hello,那么绝对链接可能像这样:http://example.com/hello.html,它是绝对于域名的。相对链接像这样:/hello.html,也就是说,无论用什么域名访问该站点,都没有关系,这在进行反向代理时可能用到。通常情况下,建议使用绝对地址。

2.5 其他

image

3 其他配置

3.1 标签、分类、关于设置

仔细看了一下上面关于目录的配置,然后又看了其他人的 hexo 博客,心头是不是一阵疑惑,咦,咋感觉自己少了那么多目录结构咧。咋整啊?自己装呗。

1
2
3
hexo new page "tags"
hexo new page "categories"
hexo new page "about"

执行完这三条命令后,在站点的source 的目录下就生成了 tags,about,categories 三个文件夹然后就分别到 source 文件夹中新生成的 about 文件夹里面的 index.md 中添加下面的代码
type: “tags”
重新运行之后是不是就出来了,什么?出不来?好吧,我错了,这样的话就要去看你选择的 theme 里面的配置了,把 menu 里面对这三个菜单项的注释去掉,就可以了。再不行的话,那就那就,百度吧。

3.2 关联到 github pages

  1. 修改 _config.yml, 在文件最底部添加如下代码
1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: ssh://git@github.com/你的github名/你的github名.github.io.git
branch: master
  1. 安装一个 hexo 插件
1
npm install hexo-deployer-git --save
  1. 部署项目,就直接运行下面三条命令就行了
1
2
3
hexo clean // 清除原来打包的项目
hexo g // 生成新的项目
hexo d // 上传项目到github

最后的最后,让我们打开浏览器,输入 https://你的github用户名.github.io,例如我的 https://lijiayuan365.github.io\
image

4 真正的最后

强烈推荐下面这位大佬的博客 Hexo 博客主题的设置与完善,可以说是相当的全面与仔细了,快速配置好你的博客。



----------- 本文结束 -----------




小红帽 wechat
想看更多文章,那就订阅我的微信公众号吧
如果觉得我的文章对你有很大帮助的话,请我喝杯奶茶吧~(@^_^@)~