大前端

前端学习之家-大前端

hexo搭建github博客

hexo搭建github博客

      • 一、创建仓库
      • 二、绑定域名
      • 三、配置SSH key
      • 四、使用hexo写博客
      • 五、说明

一、创建仓库

新建一个名为你的用户名.github.io的仓库,比如你的github用户名是test,那么你就新建test.github.io的仓库网站访问地址就是 http://test.github.io

二、绑定域名

不绑定域名肯定也是可以的,用默认的 xxx.github.io 来访问,如果想拥有自己的域名,要注册一个,绑定域名分2种情况:带www和不带www的。
域名配置最常见有2种方式,CNAME和A记录,CNAME填写域名,A记录填写IP,由于不带www方式只能采用A记录,所以必须先ping一下你的用户名.github.io的IP,然后到你的域名DNS设置页,将A记录指向你ping出来的IP,将CNAME指向你的用户名.github.io,这样可以保证无论是否添加www都可以访问,如下:
然后到你的github项目根目录新建一个名为CNAME的文件(无后缀),里面填写你的域名,加不加www看你自己喜好,因为经测试:

如果你填写的是没有www的,比如 mygit.me,那么无论是访问 http://www.mygit.me 还是 http://mygit.me ,都会自动跳转到 http://mygit.me
如果你填写的是带www的,比如 www.mygit.me ,那么无论是访问 http://www.mygit.me 还是 http://mygit.me ,都会自动跳转到 http://www.mygit.me
如果你填写的是其它子域名,比如 abc.mygit.me,那么访问 http://abc.mygit.me 没问题,但是访问 http://mygit.me ,不会自动跳转到 http://abc.mygit.me
另外说一句,在你绑定了新域名之后,原来的你的用户名.github.io并没有失效,而是会自动跳转到你的新域名

三、配置SSH key

    cat ~/.ssh/id_rsa.pub   //找到ssh密钥

复制里面的内容,打开你的github主页,进入个人设置 -> SSH and GPG keys -> New SSH key:
将刚复制的内容粘贴到key那里,title随便填,保存。

四、使用hexo写博客

4.1. hexo简介
官网、github
4.2. 安装

    npm install -g hexo

4.3. 初始化
新建一个名为hexo的文件夹(名字可以随便取),例如:Desktop\Workspaces\hexo,这个文件夹作为你存放代码的地方,所以最好不要随便放。

    cd Desktop/Workspaces/hexo
    hexo init

hexo会自动下载一些文件到这个目录

    ==这里说明一下==
    //hexo init 可能会报错,如下
    ~/Desktop/Workspaces/hexo not empty, please run `hexo init` on an empty folder and then copy your files into it
    //我的方法是删除文件hexo,然后用命令创建hexo文件(mkdir hexo),然后再hexo init可以正常运行

执行以上命令之后,hexo就会在public文件夹生成相关html文件,这些文件将来都是要提交到github去的:
hexo s是开启本地预览服务,打开浏览器访问 http://localhost:4000 即可看到内容,很多人会碰到浏览器一直在转圈但是就是加载不出来的问题,一般情况下是因为端口占用的缘故,因为4000这个端口太常见了,解决端口冲突问题请参考这篇文章:端口冲突
第一次初始化的时候hexo已经帮我们写了一篇名为 Hello World 的文章,默认的主题比较丑
4.5. 修改主题
meadow主题

五、说明

5.1
默认情况下,生成的博文目录会显示全部的文章内容,如何设置文章摘要的长度呢?

    在合适的位置加上<!--more-->即可

5.2

hexo g // 生成 hexo generate
hexo s // 启动服务 hexo server
hexo g -d //提交到github上  hexo deploy

发表评论:

Copyright Your WebSite.Some Rights Reserved.