使用GitHub+Hexo建立个人网站，并绑定自己的域名（Ubuntu环境下）

参考链接： 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

（完）

 

posted @ 2018-07-23 01:44 YangZhaonan 阅读(...) 评论(...) 编辑 收藏