全球主机交流论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

CeraNetworks网络延迟测速工具IP归属甄别会员请立即修改密码
查看: 2160|回复: 26

Hexo+Github Pages搭建个人独立博客

[复制链接]
发表于 2019-2-12 23:03:29 | 显示全部楼层 |阅读模式
本帖最后由 家有自己自温暖 于 2019-2-13 08:19 编辑

这个好像是在腾讯开发者实验室转载的。

我只是分享教程你们在那里装都无所谓,也不用在下面反驳我说什么我有很多vps为什么用Github,我可以用wp,ty为什么用hexo。你用什么都无所谓,这是你自由。也不用在下面回复这些,需要就看看,不需要就当我没发过这些帖子

这个是在VPS和Github Pages上搭建。不过这样子浪费了个VPS,因为也可以用同样方法也可以在本地电脑加Github部署Hexo。不过我有个习惯,老是喜欢换电脑系统,而且不备份东西,所以才用这个教程部署Hexo的



Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

软件环境

Ubuntu 18.04

准备环境

先执行 sudo -i 把用户名切换为 root

执行更新软件包

  1. apt-get update
  2. apt-get upgrade
复制代码


安装 Git

  1. apt install git-core -y
复制代码


检查 git 版本

  1. git --version
复制代码


安装 Node.js

  1. wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh
复制代码


更新一下

  1. source ~/.profile
复制代码


安装 Node.js

  1. nvm install stable
复制代码


查看node.js版本

  1. node --version
复制代码


查看npm版本

  1. npm --version
复制代码


安装 Hexo

用命令创建 hexo 文件夹

  1. mkdir hexo
  2. cd hexo
复制代码


用命令安装 hexo

  1. npm install hexo-cli -g
复制代码


查看 Hexo 版本号

  1. hexo -v
复制代码


初始化 hexo

  1. hexo init
复制代码


测试安装成功

打开 hexo 服务

  1. hexo server
复制代码


打开浏览器访问 IP:4000 即可看到搭建成功的博客页面

将博客部署到 GitHub

如果没有 GitHub 账户的先去注册,有 GitHub 账户的直接下一步

设置 user.name 和 user.email

把以下命令中的 "Your user.name" 和 "You user.email" 换成自己的

  1. git config --global user.name "Your user.name"
  2. git config --global user.email "You user.email"
复制代码


生成 ssh 密匙

user.email 就是自己注册 GitHub 的邮箱

  1. ssh-keygen -t rsa -C user.email
复制代码


下面要输入要保存到的路径

  1. /root/.ssh/id_rsa
复制代码


然后直接回车回车

查看 ssh 密匙

用 WinScp 转入到 /.ssh 文件夹,然后打开 id_rsa.pub 文件,找到 SSH Key 添加到 Github 里

在 GitHub 账户下添加 SSH key

创建 GitHub 仓库

命名格式为"账户的 userName".github.io

例如 :abc.github.io 去创建 GitHub 仓库

修改 hexo 配置

打开 hexo 配置文件

_config.yml

修改对应部分

  1. deploy:
  2.   type: git
  3.   repo: git@github.com:(BoView)/(BoView).github.io.git #括号里面换成自己的用户名和仓库名,去掉括号
  4.   branch: master
复制代码


保存一下

测试并部署

清空静态页面

  1. hexo clean
复制代码


生成静态页面

  1. hexo g
复制代码


将public文件内容部署到 github 仓库

  1. hexo d
复制代码


如果部署遇到错误的时候,先运行下面这条命令

  1. npm install hexo-deployer-git --save
复制代码


然后重新部署一下

  1. hexo d
复制代码


此时可以打开浏览器访问 userName.github.io (GitHub 仓库名) 即可以访问到搭建的博客页面

绑定域名

添加解析记录

如果想通过域名访问的就继续,前提是要有自己的域名,要是通过上面的仓库名可以访问就满足的可以跳过这一步

去自己的域名下添加解析记录类型为 CNAME 主机记录为@,记录值为github的仓库名userName.github.io

配置 hexo

创建 CNAME 配置文件

  1. touch ~/hexo/source/CNAME
复制代码


去 CNAME 文件 下添加刚才解析的域名

然后重新部署一下

  1. hexo g
  2. hexo d
复制代码


Hexo 博客已搭建完成

恭喜

此时打开浏览器访问自己的域名即可以访问自己搭建的博客 开启自己的博客之旅吧
发表于 2019-2-12 23:08:34 来自手机 | 显示全部楼层
还是wp好用 其他太麻烦
发表于 2019-2-12 23:05:48 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
 楼主| 发表于 2019-2-12 23:06:45 | 显示全部楼层

不客气,可以研究下,有问题来留言,论坛其他大佬会帮助你的
发表于 2019-2-12 23:08:48 | 显示全部楼层
大佬你这个有点走心了
 楼主| 发表于 2019-2-12 23:09:34 | 显示全部楼层
周润发 发表于 2019-2-12 23:08
还是wp好用 其他太麻烦

各有各的好处,我用wp的时候css全丢失了,不会修,还是一样麻烦
 楼主| 发表于 2019-2-12 23:10:39 | 显示全部楼层
寂寞妹妹 发表于 2019-2-12 23:08
大佬你这个有点走心了

照顾下新来的,省得说咱论坛天天吹水,学不到技术
发表于 2019-2-12 23:11:44 | 显示全部楼层
这个?网上一大堆吧?
发表于 2019-2-12 23:13:27 | 显示全部楼层
很麻烦,还不如用zblog或者typecho
 楼主| 发表于 2019-2-12 23:15:14 | 显示全部楼层
luker 发表于 2019-2-12 23:11
这个?网上一大堆吧?

但是咱论坛似乎没有
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|全球主机交流论坛

GMT+8, 2024-5-26 11:04 , Processed in 0.065575 second(s), 9 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表