美文网首页
hexo + gihub pages搭建个人博客

hexo + gihub pages搭建个人博客

作者: ismyshellyiqi | 来源:发表于2018-03-20 10:59 被阅读0次

准备工作

我的环境是在mac上进行的搭建

  1. 安装git
  2. 安装node

以上这些就不详细的说明了

安装hexo

hexo 的官放文档有介绍如何安装以及指令,api等

  1. 找到合适的目录

    $ npm i hexo-cli -g
    
  2. 建站

    $ hexo init <folder>
    $ cd <folder>
    $ npm install //很重要
    

    这样一个hexo就创建完成(的确很简单)具体的配置参考官网 配置

  3. 基本操作(当然官网讲的更加详细)

    init

     $ hexo init [folder]
    

    新建一个网站。如果没有设置 folder ,Hexo 默认在目前的文件夹建立网站。

    new

     $ hexo new [layout] <title>
    

    新建一篇文章。如果没有设置 layout 的话,默认使用 _config.yml 中的 default_layout 参数代替。如果标题包含空格的话,请使用引号括起来。

    generate

     $ hexo generate
    

    生成静态文件。

    选项描述

     -d, --deploy    文件生成后立即部署网站
     -w, --watch 监视文件变动
    

    该命令可以简写为

     $ hexo g
    

    server

     $ hexo server
    

    启动服务器。默认情况下,访问网址为: http://localhost:4000/

    选项 描述

     -p, --port  重设端口
     -s, --static    只使用静态文件
     -l, --log   启动日记记录,使用覆盖记录格式
    

    deploy

     $ hexo deploy
    

    部署网站。

    参数描述

     -g, --generate  部署之前预先生成静态文件
    

    该命令可以简写为:

     $ hexo d
    

    clean

     $ hexo clean
    

    清除缓存文件 (db.json) 和已生成的静态文件 (public)。

    在某些情况(尤其是更换主题后),如果发现您对站点的更改无论如何也不生效,您可能需要运行该命令。
    还有许多的指令 参考官网指令

    现在一切都还在本地,要在网络上查看,需要github pages的配合

github pages

  1. 首先要有个github账号(具体的配置 是另一回事了这里只说如何做一个github pages)

  2. 新建一个仓库 名字要和你的用户名一样

    比如 :你的用户名字叫 zhangsan ;那么就创建一个名字为zhangsan.github.io仓库

把hexo 和 github pages关联起来

  1. 在刚才创建的hexo文件项目中 找到 _config.yml 配置文件

    在配置文件的最后加上一下代码

     ## _config.yml
     deploy:
         type: git
         repo: git@github.com:zhangsan/zhangsan.github.io.git ##是github上新建的那个仓库地址
         branch: master
    
  2. 在hexo项目中

    hexo new myblog
    hexo g 
    hexo d
    

    然后打开https://github.com/zhangsan/zhangsan.github.io
    就可以看见你的博客了

更换主题

  1. 去官网找一个自己喜欢的主题
  2. 进入主题的github
  3. 在hexo项目中,进入themes目录中
  4. git clone ...主题的项目地址
  5. 在_config.yml配置文件中 修改为 theme: 下载的主题名称
  6. 重新生成
```
hexo clean 
hexo g 
hexo d
```

就完成了主题的更换

将自己的域名关联到Github Pages上

由于个人的原因(没有准备好的域名)所以直接搬运别人的教程,以后再慢慢研究

  1. 购买域名
  2. 配置CNAME文件

在 \hexo\source 文件夹下创建文件 CNAME (新建记事本文件命名
CNAME,然后打开)

内容为你的域名,例如我的域名是:ryane.top

  1. 绑定域名

sry 后续继续更新。。。。

相关文章

网友评论

      本文标题:hexo + gihub pages搭建个人博客

      本文链接:https://www.haomeiwen.com/subject/xppvqftx.html