搭建个人域名博客其实没有那么难。下班到家后,九点开始,十二点半的时候就可以访问了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 -g
hexo init lvchongstudio.github.io
cd lvchongstudio.github.io
npm install
hexo server
到此会运行到如图界面,然后在浏览器打开命令行最后一行的链接,即可进入默认的博客界面。
将本地的博客页面关联到GitHub上(”lvchongstudio.github.io”文件夹下点击右键,通过”git bash here”打开命令行):
检查(生成)ssh密钥。
在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 init
git add .
git commit -m "first commit"
git remote add origin https://github.com/LvChongStudio/lvchongstudio.github.io.git
git push -u origin master
hexo g
hexo d
好,到此为止,在浏览器输入http://lvchongstudio.github.io应该就能访问到刚才搭建的页面了。
关联已购买的域名
在github当前仓库页点击Creat New file,然后name your file处填”CNAME”,正文填已经购买的域名,然后点击commit。
在命令行通过ping得到github自己博客页的ip地址
ping lvchongstudio.github.io
在域名控制台找到自己购买的域名,然后点击解析,再点添加解析,将自己ping到的ip地址填上去。
大功告成,现在大家就可已通过http://www.lvchongstudio.top访问你的博客了
谢谢大家