使用GitHub+Hexo建立个人网站,并绑定自己的域名(Ubuntu环境下)

2023-02-25,,,,

参考链接: youngzn.github.io     hexo官网     博客:从jekyll到hexo    hexo建站小结  全过程  简洁过程

使用GitHub+Hexo建立个人网站,并绑定自己的域名(Ubuntu环境下)

1.在自己的GitHub网页上创建个人主页

2.安装Hexo

3.本地搭建网站

4.将本地使用Hexo制作的网页,提交到自己的GitHub

5.将youngzn.github.io 和 youngzn.com 关联绑定

1.在自己的GitHub网页上创建个人主页

方法:创建一个youngzn.github.io的仓库(xxx.github.io是giuhub规定格式),

2.安装Hexo

安装Hexo之前需要安装 Node.js和Git

2.1安装GIt(Ubuntu环境下),官网各种系统下的安装

$ sudo apt-get install git-core

2.2安装Node.js,我安装时参考的链接

apt-get命令安装(Ubuntu环境下)

$ sudo apt-get install nodejs (可以跳过这个步骤)
$ sudo apt-get install npm

最后用

$ node --version

检查一下版本,确定已正确安装

我的显示是: v8.10.0

如果没有显示版本,则还需执行下面这行代码,再次验证版本即可

sudo apt install nodejs-legacy

2.3这个时候就可以安装Hexo,这里我不加 sudo 的话,会出现ERR!

$ sudo npm install hexo-cli -g

 3.本地搭建网站

3.1本地任意任意位置创建一个文件夹(与xxx.github.io同名),用来存放你的网站内容。在当前文件夹下右键打开 Terminal ,执行下面程序

$ hexo init blog
$ cd blog
$ npm install
或者
$ npm install hexo-deployer-git -save

作用分别是 将当前文件夹初始化,安装依赖包,确保git部署到 github

之后每次修改自己设计的网页内容后,在这个文件夹下运行

$ hexo g
$ hexo s # server

就能预览自己设计的网页了。(注意:需要在浏览器中输入http://localhost:4000/ 后才能看见显示效果,程序是不会自动调用浏览器打开的)

这里默认的主题是 themes 下的 landscape,更多知乎用户提供的主题

(提示:当执行hexo d 之后提示:ERROR deployer not found git时,需npm install hexo-deployer-git -save,再hexo d即可)

 4.将本地使用Hexo制作的网页,提交到自己的GitHub

将文件夹下 blog 下的文件 _config.yml 和最后几行修改为如下:注意空格 type: 前面是两个空格,后面是一个空格

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

之后执行下面两行程序(命令的作用相当与是 git add/commit/push ,最后是将网站内容添加到youngzn.github.io仓库中)

$ hexo g #generate 生成网站内容
$ hexo d #deploy 部署到自己的github

现在就可以访问 youngzn.github.io 了

 5.将youngzn.github.io 和 youngzn.com 关联绑定

5.1在域名youngzn.com 中添加github的两条解析,内容如下图:

5.2在GItHub中关联域名youngzn.com

在 youngzn.github.io >> settings >> github pages >> custom domain 中填入 youngzn.com 后保存

在本地网站工程的 soruce文件夹下创建一个 CNAME文件存放内容youngzn.com,这样提交到github之后,在youngzn.github.io下就会自动创建一个文件CNAME 内容为youngzn.com

(完)

使用GitHub+Hexo建立个人网站,并绑定自己的域名(Ubuntu环境下)的相关教程结束。