一晚上搭建个人域名博客Github+Hexo

来源:互联网 发布:tcp udp 端口 编辑:程序博客网 时间:2024/06/06 02:57

搭建个人域名博客其实没有那么难。下班到家后,九点开始,十二点半的时候就可以访问了http://www.lvchongstudio.top。
接下来就记录一下整个搭建的过程,以及这其中的坑,重点是坑。

首先要准备的环境
Node.js
git
阿里云购买域名(.top的域名现在两块一年)

现在开始干活

打开https://github.com/,登陆(注册)自己的账号。

创建一个仓库repository,仓库名称为“自己GitHub的用户名.github.io”(例如我的是:lvchongstudio.github.io),这个是GitHub为个人博客提供的专门的仓库,必须以此命名。

打开命令行,执行下面语句

(可选:cd进入你想存放博客搭建代码的文件夹)

(下文的”lvchongstudio.github.io”均需要以自己的仓库名替换)

npm install hexo-cli -ghexo init lvchongstudio.github.iocd lvchongstudio.github.ionpm installhexo server

到此会运行到如图界面,然后在浏览器打开命令行最后一行的链接,即可进入默认的博客界面。

将本地的博客页面关联到GitHub上(”lvchongstudio.github.io”文件夹下点击右键,通过”git bash here”打开命令行):

  1. 检查(生成)ssh密钥。

  2. 在github上添加ssh密钥

检查本机的ssh密钥

cd ~/.ssh

如果提示:No such file or directory 说明你是第一次使用git。
生成新的SSH Key:

`ssh-keygen -t rsa -C "邮箱地址"`

然后回车就好

注意1: 此处的邮箱地址,你可以输入自己的邮箱地址;注意2: 此处的「-C」的是大写的「C」

然后系统会要你输入密码:

Enter passphrase (empty for no passphrase):<输入密码>

Enter same passphrase again:<再次输入密码>

在回车中会提示你输入一个密码,这个密码会在你提交项目时使用,如果为空的话提交项目时则不用输入。这个设置是防止别人往你的项目里提交内容。

注意:输入密码的时候没有*字样的,你直接输入就可以了。

1、打开本地C:\Documents and Settings\Administrator.ssh\id_rsa.pub文件。此文件里面内容为刚才生成人密钥。如果看不到这个文件,你需要设置显示隐藏文件。准确的复制这个文件的内容,才能保证设置的成功。

2、登陆github系统。点击右上角的 Account Settings—>SSH Public keys —> add another public keys

3、把你本地生成的密钥复制到里面(key文本框中), 点击 add key 就ok了

测试

可以输入下面的命令,看看设置是否成功,git@github.com的部分不要修改:

ssh -T git@github.com

显示个人github账号信息表示成功。

配置Hexo(其实很简单)

首先在lvchongstudio.github.io目录下找到_config.yml文件,用记事本打开,修改最后deploy处。

(其他地方可自行查阅官方文档修改,后续blog也可能添加修改教程)

deploy:  type: git  repository: https://github.com/LvChongStudio/lvchongstudio.github.io.git  branch: master  plugins: -hexo-generator-feed

继续在”git”命令行窗口操作(上一个命令行)

npm install hexo-deployer-git --save

将博客上传到github

继续在”git”命令行窗口操作(上一个命令行)

git initgit add .git commit -m "first commit"git remote add origin https://github.com/LvChongStudio/lvchongstudio.github.io.gitgit push -u origin masterhexo ghexo d

好,到此为止,在浏览器输入http://lvchongstudio.github.io应该就能访问到刚才搭建的页面了。

关联已购买的域名

  1. 在github当前仓库页点击Creat New file,然后name your file处填”CNAME”,正文填已经购买的域名,然后点击commit。

  2. 在命令行通过ping得到github自己博客页的ip地址

    ping lvchongstudio.github.io

  3. 在域名控制台找到自己购买的域名,然后点击解析,再点添加解析,将自己ping到的ip地址填上去。

大功告成,现在大家就可已通过http://www.lvchongstudio.top访问你的博客了

谢谢大家