zoukankan      html  css  js  c++  java
  • Use Hexo to Build My Gitee Blog

      之前有自己建站托管自己的博客系统, 后来因为流量实在太少, 服务器又要每个月出钱, 然后就把她关了, 然是拥有自己的网站的心一直没有退去啊, 然后之前有接触到别人用GitHub托管静态网页的玩法, 因此个人也想布一个, 个人比较喜欢支持国产, 所以我用的Gitee, 原理都是一样的.
      Gitee托管的是静态网页, 对于一个博客系统, 我们不可能动手全部去写Html, 于是我们这个时候就借助了一个叫做Hexo的博客工具(注意是工具, 不是系统), 把我们的Markdown文件转换成Html, 然后借助主题按照一定的风格样式以及规则, 生成一整套的Html.
      下面我就来介绍如何使用Hexo在Gitee上面搭建自己的博客.

    Hexo的安装

    安装环境

    安装 Hexo 相当简单,只需要先安装下列应用程序即可:

    • Node.js(Node.js 版本需不低于 8.6,建议使用 Node.js 10.0 及以上版本)
    • Git
      如果您的电脑中已经安装上述必备程序,那么恭喜您!接下来只需要使用 npm 即可完成 Hexo 的安装。
    $ npm install -g hexo-cli
    

    创建项目

    $ hexo init <folder>
    $ cd <folder>
    $ npm install
    

    本地运行

    项目创建完之后, 系统会有一个默认的landscape的主题, 通过运行以下命令, 就可以在浏览器预览效果了.

    $ hexo server
    

    至此, 你的本地环境就准备好了, 只等你进行编译并且发布了.

    创建Gitee项目

    以我的Gitee举例https://gitee.com/jerryqi.

    创建仓库

    创建仓库的时候记得是空仓库, Readme和gitignore都可以不要, 有的话对于git新手会造成一点点的小麻烦.

    博客地址

    这里把后面的内容提到前面来说了, 一开始我创建了一个名为blog的项目, 最后博客的地址是https://jerryqi.gitee.io/blog, 而我不喜欢后面这个blog的后缀, 通过查看gitee的文档, 原来规则是, 要想没有后缀, 你的仓库名必须和你的用户名是一样的, 于是我把仓库名从blog改成了jerryqi, 于是最终我的博客地址就成了https://jerryqi.gitee.io

    发布博客

    上传内容

    上传内容首先要通过配置把本地的博客系统和刚才建的git仓库打通, 找到——config.yml, 配置如下内容:

    deploy:
      type: git
      repo: git@gitee.com:jerryqi/jerryqi.git
      branch: master
    

    配置完成后运行如下命令上传html到Gitee仓库:

    hexo clean && hexo g && hexo d
    

    其他的配置内容, 请参考文档自行配置.

    发布内容

    至此, 我们在我们刚才的创建的仓库已经可以看到我们上传的文件了.
    在仓库页面选择Services, 然后选择Gitee Pages, 然后点击发布即可大功告成.

    免费版本的限制

    这里说明一下, Gitee Pages免费版本是有限制的, 目前据我所知有以下几点:

    • 文件大小限制为300M.
    • 不能绑定自定义的域名.
    • 每次本地Deploy之后, 托管网页并不会自动更新, 而是要进入Gitee Pages进行手动的Update.
  • 相关阅读:
    再次梳理css3动画部分知识
    node搭环境
    微信小程序可用的第三方库
    省市区三级联动下拉框效果分析
    jq回到顶部效果分析
    jq案例中遇到的知识点总结(会飞的小鸟和三级联动)
    js正则表达式大全
    js中表达式 >>> 0 浅析
    为什么js中要用void 0 代替undefined
    npm install、npm install --save、npm install --save --dev、npm install -S、npm install -D的区别
  • 原文地址:https://www.cnblogs.com/jerryqi/p/11737097.html
Copyright © 2011-2022 走看看