使用Ubuntu18.04 搭建Hexo博客+托管到Github

2018-11-07 155 次阅读 0 条评论 2.13k 个文字

前言

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页. 我也是这几天才转到Hexo 就做一下记录吧

准备

Ubuntu 18.04 VPS

一个充满智商的大脑

配置安装环境

  1. 我使用的操作系统是ubuntu18.04LTS(windows系统的先安装git bash,然后跳到下一阶段),由于ubuntu18.04自带git这里就不安装了,没有git的自行下载,执行以下命令更新一下软件源:
sudo apt-get update
sudo apt-get upgrade

安装npm,执行命令:

sudo apt install npm

安装nodejs,执行命令:

sudo apt install nodejs

验证是否安装成功,执行:

npm -v
node -v

如果分别返回的版本号就算成功了.

安装Hhexo

npm install -g hexo-cli

顺利的话,hexo就安装完成了(小编在这一步遇到很多问题,如果安装过程中还有问题的话,欢迎大家留言). 如果你想托管在Github的话,需要注册Github帐号 在国内访问github会很慢,建议大家科学上网,也可以来我的机场《水一波广告》,搜索github后,第一个链接就是,进去注册一个账号后登录(如果看不懂英文的话,就用谷歌浏览器,自带翻译),登录后找到 New repository,点击创建一个新的库,注意:你创建库的名字的前缀要和你的用户名相同.比如我的账户名是:cyueo,那我创建库的名字就应该是:cyueo.github.io,其他的不用管,直接保存.

## 生成SSH的公钥 - #### 改成你自己的

git config --global user.name cyueo
git config --global user.email ailsmorht@gmail.com
ssh-keygen -t rsa -C ailsmorht@gmail.com

其中第一个cyueo就是你的Github用户名,第二个和第三个的cyueo@gmail.com改成你自己注册Github的邮箱,执行第三个的时候看到要确定y或yes的时候,跟着操作就行,其他的都按enter键

接着 vim 打开文件复制里面的内容(别修改文件),退出.

vim /root/.ssh/id_rsa.pub

登录Github,点击右上角头像,找到Settings并点开,找到SSH nd GPG keys点进去,点击New SSH key,名字自己随便去,把刚才生成的ssh公钥粘贴到key中,点击Add SSH key保存,这样,ssh公钥就添加完毕了.

验证ssh公钥是否生效

  1. 行以下命令:
ssh -T git@github.com

第一次会提醒你是否continue,输入yes,如果之后就会看到:You’ve successfully authenticated, but GitHub does not provide shell access 。这就表示已成功连上github.

Hexo部署

首先我们需要在文件根目录创建一个文件夹,名字自己取(比如我在/home/www),打开终端,输入:

mkdir /home/www
cd /home/www

初始化:

# 初始化
hexo init blog

#再进入博客根目录
cd blog
npm install

以后关于hexo的一切终端操作都得在blog文件夹里,初始后,blog文件中会自带一个写好的md文件,这时在blog中打开终端,依次输入:

npm install hexo-deployer-git --save
hexo g
hexo s

之后会在终端中出现一个链接:http://localhost:4000,使用浏览器打开链接,就可以在浏览器中输入你的公网IP:4000,就看见标题为hello world的一篇博客,这是本地服务器生成的,

部署到github

# 首先进入blog的根目录 也就是
cd /home/www/blog

# 然后编辑器_config.yml文件(大部分功能或信息都需要在这个文件修改)
vim _config.yml

拉到最下面修改为你自己的仓库地址

保存退出继续执行命令

# 生成静态文件
hexo g

# 部署到Github
hexo d

途中输入你的Github用户名+Github注册的邮箱 之后在浏览器网址中输入:usename.github.io,就可以看到你的博客了.

部署在VPS也很简单。

只需要安装 Nginx 这个玩意

把网站目录设置为 /home/www/blog 目录 运行目录为 public 就行拉。

结尾

至此,我们的博客已经搭建完成,虽然样式并不是很好看,但hexo具有高度的可定制性,我们可以自由的设定我们的博客,之后我会提到怎样去美化hexo博客,如果还有什么不懂的地方,欢迎大家给我留言.

标签:
© 著作权归作者所有

 

O ever youthful, O ever weeping.

文章评论(0)