美文网首页
从零开始使用Github pages + hexo搭建属于自己的

从零开始使用Github pages + hexo搭建属于自己的

作者: 其名为鲲丶 | 来源:发表于2019-05-19 00:21 被阅读0次

    注册属于你自己的账号

    点击注册github账号 (此处不做说明,请自行浏览:github教程:[1]注册github),注册完毕就拥有了自己的代码仓库啦。

    创建仓库

    登陆GitHub账号,在首页的右上角头像的左边有个“+”号点击加号,选择New repositor(新存储库)或者点击这里

    在这里插入图片描述

    开启github pages

    创建完成后点击settings进入设置界面


    在这里插入图片描述

    进入设置页面向下滚动,找到如下页面,这个链接会显示刚创建仓库的名称,点击他你就可以看到你博客的雏形!


    在这里插入图片描述

    hexo

    要想使用hexo需要安装node.js以及git

    安装node.js

    下载node.js
    参考:node.js安装教程

    git

    下载git
    安装方式非常简单一直点击Next就可以了

    安装hexo

    在任意地方新建一个文件夹,文件夹名字随意最好是英文,例如就叫:hexo
    进入到你创建的文件夹中,鼠标右键选择Git Bash
    分别输入以下命令

    npm install hexo-cli -g
    hexo init blog #这条命令会在hexo文件夹中新建一个blog文件夹
    npm install 
    hexo g  #生成静态页面
    hexo s  #启动本地服务器
    

    现在你就可以在浏览器输入http://localhost:4000 你就会看到hexo 的默认首页

    详细命令请参考:Hexo文档

    添加主题

    hexo默认的主题不太喜欢,这里我已Next主题为例

    安装主题

    回到Git Bash 窗口按下ctrl + c 退出本地服务器,分别输入以下命令

    hexo clean
    git clone https://github.com/iissnan/hexo-theme-next themes/next
    
    启动Next主题

    在blog文件夹下找到_config.yml文件 在文件中找到 theme:修改为:

    theme:next

    注意冒号后面需要空格

    更新主题

    继续回到Git Bash 窗口输入以下命令:

    cd themes/yilia
    git pull
    hexo g
    hexo s
    

    此时刷新http://localhost:4000/页面就能看到新的主题了.

    将代码提价到github仓库

    还是编辑根目录下_config.yml文件,找到deploy修改为:

    deploy:
        type: git
        repo: git@github.com:ykpkp/ykpkp.github.io.git  #这里的网址填你自己的
        branch: master  
    

    冒号后面都需要空格
    自己的网址在这里:

    在这里插入图片描述
    保存后需要提前安装一个扩展:
    npm install hexo-deployer-git --save
    

    接下来就是将Hexo部署到我们的Github仓库上

    部署到github仓库

    设置ssh keys

    ssh-keygen -t rsa -C "邮件地址@youremail.com" #生成key文件,邮箱地址填你的Github地址
    #Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回车就好>
    #然后会让你输入密码,这个密码可以不是你github账号的密码,这个密码是你以后提交代码时要用的
    

    之后就可以看到成功的提示。

    添加SSH Key到Github

    回到Git Bash输入以下命令:

    cd ~/.ssh
    ls                    #输入完这个命令你就看到 id_rsa  id_rsa.pub  
    cat id_rsa.pub        #输入完这个命令你会看到 id_rsa.pub 这个文件里面的内容
    
    

    复制 id_rsa.pub 里面的内容:

    在这里插入图片描述
    进入github首页 在这里插入图片描述

    添加SSH Key。


    在这里插入图片描述

    将刚复制的id_rsa.pub 里面的内容,粘贴到key中


    在这里插入图片描述
    到了这就可以测试一下是否成功了:
    ssh -T git@github.com
    #之后会要你输入yes/no,输入yes就好了
    

    设置你的账号信息:

    git config --global user.name "你的名字"     #随便填
    git config --global user.email "邮箱@邮箱.com"    #github邮箱
    

    部署到github

    hexo d
    

    完结

    每次在本地修改好代码后输入以下命令提交到github仓库:

    hexo g # 生成静态文件
    hexo d # 提交到github仓库
    
    hexo s #启动本地服务器 可以在本地查看修改的内容
    

    至此就已经完成了博客的搭建,后面会继续写对博客的一些优化。

    相关文章

      网友评论

          本文标题:从零开始使用Github pages + hexo搭建属于自己的

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