惶者才能生存,偏执才能成功。
搭建个人博客不是很难,完全免费,若要逼格高一点的话,可以花一点小钱,买一个域名。
相信很多计算机专业的道友们都想有一个属于自己的博客吧(至少我在此之前很想),本文将带领大家搭建一个属于自己的博客!虽然网上有很多教程,但是我在自己做的时候就莫名其妙的跳过好多坑!!经过不懈的努力,终于大功告成!个人目前还是很满意的!
申明:本教程仅仅针对windows用户!!
目录
安装软件
Git安装
Hexo安装
NodeJs安装
更该主题
github注册
账号注册
创建仓库
上传到仓库
域名申请
域名绑定Page服务
正文
Git安装
NodeJs安装
- 出现以下情况则表示正确安装
Hexo安装
- 在任意一个地方新建一个文件夹,命名为“blog”作为我们的博客的本地文件,比如我是在E盘根目录下键的。
- 打开文件夹,鼠标右键选择“Git Bash Here”,打开git控制台,输入命令开始安装
1 npm install -g hexo-cli #安装hexo脚手架
- 出现下图内容,表示安装正确
1 | hexo init #Hexo自动在当前文件夹下下载搭建网站所需的所有文件 |
- 出现下图内容,表示安装正确
1 | npm install #安装依赖包 |
- 出现下图内容,表示安装正确
到此为止,如果一路顺利,那么恭喜你,你的个人博客已经生成!1
hexo g #完整命令为hexo generate,生成静态文件
- 出现下图内容,表示安装正确
接下来就是本地预览你的博客!
1 hexo s #完整命令为hexo server,启动服务器,用来本地预览
此时,我们的博客是不怎么美光,接下来我们给它换个主题。
在刚刚的git控制台里面输入代码以下代码,下载theme主题。在此之前,需要按住 “ctrl+c”停止服务器。
1 git clone https://github.com/iissnan/hexo-theme-next themes/next
打开E:\hexo,用你喜欢的编程软件打开 _config.yml 文件,ctrl+f 搜索 theme 关键字,修改为以下代码
1 theme: next
github注册
现在我们的博客仅仅在本地运行,接下来我们就要将它上传的互联网,让小伙伴们观赏我们的博客!
注册账号
- 如果你有github账号,可以直接跳过这一步。github官网。
- 在此处填写信息注册github账号。
创建仓库
1.点击 “new repository” 按钮创建一个新的仓库
2.你仓库的名字必须是你的github的名字+ .github.io
比如我的 github 名字是 Dylan1201,那么我的仓库名字就是 Dylan1201.github.io
下面的public也要选中
由于我已经创建了一个该名字的仓库,所以不能创建第二个,所以ta给我提示红色框里面的东西。
然后点击 “Creating repository” 按钮完成创建。
配置SSH
继续在git里面提交代码
ssh-keygen -t rsa -C "你的邮件地址"
,引号里面的内容输入你的邮箱地址,然后回车,会提示你文件保存的路径,这时候按回车键确认,然后会提示你输入密码,输入即可(输入密码是看不到的),然后会确认输入一次,就可以在刚刚的路径看到生成了两个文件,一个是id_rsa,另一个是id_rsa.pub,用sublime打开id_rsa.pub然后选中里面的全部内容,复制下来。
打开github,点击右上角小图标,选择 “settings” 按钮。
在左面菜单栏中选择 “SSH and GPG keys” 按钮,再点击 “new SSH key” 按钮,“title” 随意填写,将刚刚赋值的代码粘贴到“key”中,然后点击 “add SSH key” 按钮完成公钥添加。
上传到仓库
打开E:\hexo,用你喜欢的编程软件打开_config.yml文件,文件最后可以看到
1 | deploy: |
修改为一下内容,主意,将连接修改为你的连接1
2
3
4deploy:
type: git
repository: git@github.com:yourname/yourname.github.io.git #发布到github
branch: master
在E:/blog 根目录下右键打开“Gti Bash here”,输入以下命令1
hexo d && hexo g
如果出现以下提示1
ERROR Deployer not found: git
输入以下命令,然后再输入上面的命令
1 | npm install hexo-deployer-git --save |
这时候如果弹出一个对话框,输入在github上面的用户名和密码即可。
现在我们就可以在浏览器中输入网址:https://yourname.github.io 来查看自己的博客了。
域名申请,请看我的另一篇文章,此处火箭直达!(这也是搭建个人博客唯一需要花钱的地方)
域名绑定Page服务
解析一个你喜欢的域名,比如www.123abc.或者blog.123abc.com,然后打开github你刚刚创建的仓库,点击上面的 “settings” 按钮
在下面找到“GitHub Pages”,在这个地方添加你解析的域名保存即可。
现在你就可以访问域名来访问你的博客了!!