Hexo搭建后如何发布网站GitHubPages、码云

😂 这篇文章最后更新于1748天前,您需要注意相关的内容是否还可用。
目录导航
  • 第一步:搭建局域网blog
    • 环境介绍
    • 安装Hexo
    • 初始化blog
    • 启动blog
    • 选择主题
    • 常用命令
    • 第二步:搭建github pages
      • 注册github账户
      • 配置SSH登录免密码
      • 创建github远程仓库
      • 配置Hexo
      • 安装git部署插件
      • 推送服务器
  • Hexo官网:https://hexo.io/zh-cn/

    与Jekyll 一样是一款优秀快速的开源博客框架框架,安装方案参考官网文档,我就不再赘述:https://hexo.io/zh-cn/docs/

    同时Hexo也提供多彩的主题下载,官方就有相应的主题模块:https://hexo.io/themes/

    第一步:搭建局域网blog

    环境介绍

    作者使用系统:Deepin Linux 15.3桌面版
    软件环境:node+npm

    安装Hexo

    npm install hexo-cli -g

    初始化blog

    $ hexo init blog

    启动blog

    $ cd blog
    $ hexo server

    至此,本地blog已经创建完成,默认通过127.0.0.1:4000访问,简单到没朋友
    如果你不喜欢默认主题,可根据下面介绍换上其他漂亮的皮肤

    选择主题

    在hexo官网查看自己喜欢的主题
    通过git clone [url] themes/xxx 将主题克隆到本地,
    修改 _config.yml 中的theme:xxx

    以hexo-theme-3-hexo这个主题为例:

    先在git BASH控制台进入博客目录,使用git命令下载主题到主题文件夹

    git clone https://github.com/yelog/hexo-theme-3-hexo.git themes/3-hexo

    修改hexo根目录的_config.yml,如下:

    theme: 3-hexo
    如果想更新主题的话也很简单,先进入主题目录然后执行pull命令即可
    cd themes/3-hexo
    git pull
    # 安装后重启服务器 重新渲染页面
    $ hexo clean && hexo g && hexo s

    常用命令

    #创建一个新的文章
    $ hexo new "文章名"
    #生成静态文件
    $ hexo generate
    #讲一个草稿发布出去
    $ hexo publish [layout] <filename>
    #启动一个本地服务器
    $ hexo server

    更多命令移步官方文档

    第二步:搭建github pages

    局域网blog已经搭建完成,但是我们想让网上所有人都可以看到我们的文章,怎么办呢?
    又不想自己搭建服务器,别急,这时候就轮到github pages出场了

    注册github账户

    到github官网注册一个github账户

    配置SSH登录免密码

    许多Git服务器都支持使用SSH公钥进行认证,当然也包括github。
    首先你需要确认一下自己是否已经拥有密钥了,默认情况下,用户的 SSH 密钥存储在其 ~/.ssh 目录下。

    ~即代表用户目录,Windows系统的话也在其用户目录内。

    进入该目录并列出其中内容,你便可以快速确认自己是否已经拥有密钥:

    $ cd ~/.ssh
    $ ls
    authorized_keys2  id_rsa       known_hosts
    config            id_rsa.pub

    我们需要寻找一对 id_rsa 或 id_dsa 命名的文件,其中一个带 .pub 扩展名。 '.pub'文件是你的公钥,另一个则是私钥。如果没有找不到这样的文件(或者根本就没有.ssh目录),我们可以通过 ssh-keygen 程序来创建它们。

    #邮箱可以随便填
    $ ssh-keygen -t rsa -C "xx@xx.com"

    先 ssh-keygen 会确认密钥的存储位置和文件名(默认是 .ssh/id_rsa),然后他会要求你输入两次密钥口令,留空即可。所以一般选用默认,全部回车即可。

    接下来我们登陆到GitHub上,右上角小头像->Setting->SSH and GPG keys中,点击new SSH key
    Title:可以随便填写,但最好起的名字能让自己知道这个公钥是哪个设备的。
    Key:将上面生成的.pub文件中的所有内容复制到这里。
    点击下面的Add SSH key即可。
    然后你就会发现可以免密码访问了。

    如果服务端是自己搭建的git服务器,生成密钥公钥对的步骤是一样的。
    然后将生成的 .pub 文件内容,导入到git服务器 /home/git/.ssh/authorized_keys 文件内,一行一个。
    然后你就会发现git push 不再需要密码了

    以上是其中一种连接方式,当然您使用HTTPS方式连接也可以,无需密钥但是首次使用可能需要密码。

    创建github远程仓库

    在github上创建一个仓库 xxx.github.io xxx为自己的github用户名

    配置Hexo

    修改 _comfig.yml,xxx为你的用户名,前一个是SSH方式,后一个是HTTPS:

    deploy:
       type: git
       repo: git@github.com:xxx/xxx.github.io.git
       branch: master
    deploy:
      type: git
      repo: https://github.com/xxx/xxx.github.io.git
      branch: master

    注意上述配置文件中:后面有空格。

    安装git部署插件

    $ npm install hexo-deployer-git --save

    推送服务器

    $ hexo deploy
    或者简写
    $ hexo d

    最后访问xxx.github.io就可以测试你的网站咯!

    文章参考:

    https://www.jianshu.com/p/50e796e038cb

    https://www.jianshu.com/p/3f2fe426edff

    码云方法同理,可参考:https://blog.csdn.net/wrp0101/article/details/79139996