Ubuntu18.04平台下用GitHub搭建个人博客（含域名绑定和更换主题）

最新推荐文章于 2024-06-04 10:28:09 发布

原创最新推荐文章于 2024-06-04 10:28:09 发布 · 1.7k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#搭建个人博客 #GitHub

Ubuntu 同时被 2 个专栏收录

13 篇文章

订阅专栏

玩电脑

1 篇文章

订阅专栏

本文详细介绍了如何使用Hexo框架搭建个人博客，包括Git、Node.js的安装，Hexo的安装与配置，GitHub的域名绑定及主题更换过程。

1.hexo简介

Hexo 是一个博客框架，用来生成静态网页。
2.安装git

$ sudo apt-get install git-core

3.安装Node.js

1）安装nvm（用来安装Node.js）
安装依赖包

    $ sudo apt-get update
    $ sudo apt-get install build-essential libssl-dev

第一种方式，根据curl

$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.4/install.sh | bash

第二种方式，根据wget

$ wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.31.4/install.sh | bash

注：使用nvm --help查看是否安装成功
2）重启终端执行以下命令

$ nvm install stable

4.安装Hexo

$ npm install -g hexo-cli

1）建站

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

注：folder是你建的文件夹名，可任意取名，默认是hexo

2）生成静态页面

hexo g

3）启动服务器

hexo s

注：hexo命令是在你建立的博客文件目录下执行，这时候就可以用浏览器打开网址： http://localhost:4000/ 来进行预览了。

5.注册GitHub账号

新建一个repositories，格外注意：repositories名字必须为用户名.github.io

6.配置ssh

1）执行下面命令生成SSH

ssh-keygen

注：三次回车之后，可以生成id_rsa.pub文件，这里面就是SSH key的内容，然后使用vim编辑器打开这个文件

vim ~/.ssh/id_rsa.pub

注之后把里面的内容都拷贝下来，打开github，点击右上角自己的头像，点击settings，再点击SSH，之后添加new ssh key，最后把复制的信息都粘贴进去，title随便写，最后输入以下命令判断SSH是否配置好：

ssh -T git@github.com

如果出现

Hi! You've successfully authenticated, but GitHubdoes not provide shell access.

就表示你已经配置好了SSH

在这里插入图片描述

7. 配置 Git 个人信息

设置Git的user name和email：(如果是第一次的话)

git config --global user.name "github用户名"
git config --global user.email "你注册的邮箱地址"

生成密钥

ssh-keygen -t rsa -C "你注册的邮箱地址"

配置Deployment
在_config.yml文件中，找到Deployment，然后按照如下修改：

deploy:
type: git
repo: git@github.com:用户名/用户名.github.io.git
branch: master

最后执行以下命令：

hexo clean
hexo g
hexo d

“用户名”.github.io就可以访问你的博客了。

8.换成next主题

    $ cd your-hexo-site
	$ git clone https://github.com/iissnan/hexo-theme-next themes/next

启用主题，与所有 Hexo 主题启用的模式一样。当克隆/下载完成后，打开站点配置文件，找到 theme 字段，并将其值更改为 next。

启用 NexT 主题
theme: next
到此，NexT 主题安装完成。下一步我们将验证主题是否正确启用。在切换主题之后、验证之前，我们最好使用 hexo clean 来清除 Hexo 的缓存。
更详细的请参看（nexT的官方文档）[http://theme-next.iissnan.com/getting-started.html]