美文网首页TECH_LINUXHexoGitHub上有趣的资源
Ubuntu平台下通过Hexo在Github上搭建博客教程(一)

Ubuntu平台下通过Hexo在Github上搭建博客教程(一)

作者: 青山2020 | 来源:发表于2016-06-10 12:44 被阅读1520次

    在查找资料时发现通过hexo在github上搭建博客挺有意思,又想这可以把平时的知识点记录下来,于是开始折腾了...
    hexo是一款基于Node.js的静态博客框架, hexo github链接 ,这篇教程是针对与 ubuntu 的(Windows 下的搭建步骤可以参考)
    ubuntu版本 : lab_release -a

    No LSB modules are available
    Distributor ID: Ubuntu
    Description:    Ubuntu 16.04 LTS
    Release:    16.04
    Codename:   xenial
    

    环境配置

    安装 node

    作用:用来生成静态页面. node 官方下载及安装说明
    包安装命令

    curl -sL https://deb.nodesource.com/setup_4.x | sudo -E bash -
    sudo apt-get install -y nodejs
    



    检查版本

    node -v
    

    安装 git

    作用:把本地的 hexo 内容提交到 github 上.
    包安装命令

     apt install git
    

    检查版本

    git --version
    

    注册 github 账号

    作用:用来做博客的远程创库、域名、服务器之类的,github 怎么与本地 hexo 建立连接等 安装好 hexo 再讲。

    github 账号不会的自行百度,没有的话直接申请就行了,跟一般的注册账号差不多,配置好 SSH Keys。

    正式安装 Hexo

    Hexo 中文官网站
    安装命令

    npm install -g hexo-cli
    

    安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。
    hexo init <folder>
    cd <folder>
    npm install
    hexo -v
    

    Tips :folder 的位置,这个位置就是 hexo 工作空间



    至此hexo已安装成功!
    先看看效果再说!

    hexo server
    

    Tips : 如果 4000 端口被占用,hexo server -p 5000

    github 与本地 hexo 建立连接

    在 github 建立 Repository

    建立与你用户名对应的仓库,仓库名必为【your_user_name.github.io】,固定写法

    在站点的配置文件_config.yml中设置部署信息

    Tips:_config.yml位置 hexo 工作空间的目录下

    deploy:
      type: git
      repo: git@github.com:YiShanQingF/YiShanQingF.github.io.git
      branch: master
      message: '站点更新:{{now("YYYY-MM-DD HH:mm:ss")}}'
    

    然后执行下面命令

    npm install hexo-deployer-git --save
    

    Tips:注意格式,后有空格,type repo branch message前有两个空格
    网上会有很多说法,有的type是github, 还有repository最后面的后缀也不一样,是github.com.git,我也踩了很多坑,我现在的版本是hexo: 3.2.0,执行命令hexo -vsersion就出来了,貌似3.0后全部改成我上面这种格式了。

    部署

    hexo clean
    hexo generate
    hexo deploy
    

    然后在浏览器中输入 http://yishanqingf.github.io 就行了,我的 github 的账户叫 yishanqingf ,把这个改成你 github 的账户名就OK了!

    绑定域名

    购买域名

    我的域名是在 万网买的,这里就不讲购买的步骤了

    绑定域名

    hexo的工作空间下的source目录下新建一个CNAME的文件,不要后缀。打开CNAME写上购买的域名

    zhufanjia.com
    

    绑定设置

    一张图说明一切


    然后在浏览器中输入 http://zhufanjia.com
    大功告成!

    参考文章:
    HEXO+Github,搭建属于自己的博客

    转载请注明原地址:http://zhufanjia.com 谢谢!

    相关文章

      网友评论

      本文标题:Ubuntu平台下通过Hexo在Github上搭建博客教程(一)

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