首页 > 其他 > 详细

GitHub + Hexo 搭建个人博客

时间:2019-04-19 21:37:27      阅读:157      评论:0      收藏:0      [点我收藏+]

next主题配置 http://theme-next.iissnan.com/theme-settings.html#categories-page

并列分类,了解一下:categories:

- [Linux]

- [Tools]

并列+子分类,再了解一下:

categories:

- [Linux, Hexo]

- [Tools, PHP]

? ?

来自 <https://disqus.com/embed/comments/?base=default&f=hexojs&t_u=https%3A%2F%2Fhexo.io%2Fzh-cn%2Fdocs%2Ffront-matter.html&t_e=Front-matter&t_d=Front-matter&t_t=Front-matter&s_o=default&l=zh&d_m=0#version=1a104dbd58e8322771ec614533d7cf2f>

GitHub + Hexo 搭建个人博客

?发表于?2019-03-05?|??分类于?linux?|??评论数:?0

https://thief.one/2017/03/03/Hexo%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2%E6%95%99%E7%A8%8B/

摘自:?https://www.simon96.online/2018/10/12/hexo-tutorial/

https://thief.one/2017/03/03/Hexo%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2%E6%95%99%E7%A8%8B/

准备环境

  1. Node.js?安装。详细步骤:https://www.simon96.online/2018/11/10/hexo-env/
  2. Git?安装。详细步骤:https://www.simon96.online/2018/11/10/hexo-env/
  3. Hexo 安装,在命令行(即Git Bash)运行以下命令:
    npm install -g hexo-cli
  4. 初始化Hexo,在命令行依次运行以下命令即可:
    以下,即存放Hexo初始化文件的路径, 即站点目录。

1

$ hexo init <folder>

  • 站点目录: folder
  • 站点配置文件:站点目录下的_config.yml;路径为_config.yml
  • 主题配置文件:站点目录下的themes文件夹下的,主题文件夹下的_config.yml。 路径为\themes\<主题文件夹>_config.yml

    ? ?

  1. 启动服务器。在路径下,命令行(即Git Bash)输入以下命令,运行即可:
    hexo server
    hexo s
  2. 浏览器访问网址: http://localhost:4000/

    -------------------

    hexo博客链接永久化的解决方案

    ? ?

    来自 <https://blog.csdn.net/qq_39195042/article/details/85112114>

    ? ?

    npm install hexo-abbrlink --save

    ? ?

实施方案

方案一:GithubPages

  1. 创建仓库, 仓库名为:<Github账号名称>.github.io
  2. 将本地Hexo博客推送到GithubPages
    2.1 安装
    hexo-deployer-git插件。在命令行(即Git Bash)运行以下命令即可:

1

$ npm install hexo-deployer-git --save

2.2 修改_config.yml(在站点目录下)。文件末尾修改为:

1

2

3

4

5

6

# Deployment

## Docs: https://hexo.io/docs/deployment.html

deploy:

type: git

repo: git@github.com:<Github账号名称>/<Github账号名称>.github.io.git

branch: master

2.3. 推送到GithubPages。在命令行(即Git Bash)依次输入以下命令, 返回INFO Deploy done: git即成功推送:

1

2

$ hexo g(本地生成静态文件)

$ hexo d(将本地静态文件推送至Github

稍等片刻,浏览器访问:?https://<Github账号名称>.github.io

至此,博客已经搭建在GithubPages, 域名为https://<Github账号名称>.github.io

方案二:GithubPages + 域名

在方案一的基础上,添加自定义域名(您购买的域名)。

域名解析。

类型选择为 CNAME;

主机记录即域名前缀,填写为www;

记录值填写为<Github账号名称>.github.io;

解析线路,TTL 默认即可。

仓库设置。

2.1. 打开博客仓库设置:https://github.com/<Github账号名称>/<Github账号名称>.github.io/settings

2.2. 在Custom domain下,填写自定义域名,点击save

2.3. 在站点目录的source文件夹下,创建并打开CNAME.txt,写入你的域名(如www.simon96.online),保存,并重命名为CNAME

等待10分钟左右。

浏览器访问自定义域名。

至此,您的Hexo博客已经解析到自定义域名,https://<Github账号名称>.github.io依然可用

? ?

来自 <http://localhost:4000/2019/03/05/1234/>

使用 Travis CI 自动更新 GitHub Pages

? ?

来自 <https://notes.iissnan.com/2016/publishing-github-pages-with-travis-ci/>

GitHub + Hexo 搭建个人博客

原文:https://www.cnblogs.com/zbuhui/p/10738949.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!