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

Hexo 官网:https://hexo.io/zh-cn/

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

与 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

目录
  • 第一步:搭建局域网 blog
    • 环境介绍
    • 安装 Hexo
    • 初始化 blog
    • 启动 blog
    • 选择主题
    • 常用命令
    • 第二步:搭建 github pages
      • 注册 github 账户
      • 配置 SSH 登录免密码
      • 创建 github 远程仓库
      • 配置 Hexo
      • 安装 git 部署插件
      • 推送服务器
  • 目录
  • 第一步:搭建局域网 blog
    • 环境介绍
    • 安装 Hexo
    • 初始化 blog
    • 启动 blog
    • 选择主题
    • 常用命令
    • 第二步:搭建 github pages
      • 注册 github 账户
      • 配置 SSH 登录免密码
      • 创建 github 远程仓库
      • 配置 Hexo
      • 安装 git 部署插件
      • 推送服务器
  • 手机扫描二维码访问

    本文标题:《Hexo 搭建后如何发布网站 GitHubPages、码云》作者:极四维博客
    原文链接:https://cway.top/post/168.html
    特别注明外均为原创,转载请注明。

    分享到微信

    扫描二维码

    可在微信查看或分享至朋友圈。

    相关文章

    发表评论:

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

    «    2024年9月    »
    1
    2345678
    9101112131415
    16171819202122
    23242526272829
    30

    搜索

    控制面板

    您好,欢迎到访网站!
      查看权限

    最新留言

    文章归档

    • 订阅本站的 RSS 2.0 新闻聚合