如果想拥有一个属于自己的博客,自己的个人网站。现在最常用的方法是Wordpress+VPS或者Hexo+Github。这些具体是什么?这里有详细的教程。
一. 搭建博客前需要了解的知识
首先,想搭建一个博客,我们最主要的是两个大步骤:
一: 在本地能够生成、创建一个网站
二:将我们在本地生成的网站托管在服务器上,从而在任何地方都能看到我们的网站
1. Wordpress还是Hexo
那么我们想实现第一个步骤,最常用的就是Wordpress或者Hexo。这两个工具可以帮助我们生成一个网站。
区别:
Wordpress用于生成动态网站,体积比较大,有点臃肿,但是基本不涉及代码层面,适合没有代码基础的人使用.。
(常与VPS或虚拟主机一起使用,所以少量需要资金。)
Hexo用于生成静态网站,有点折腾,需要一点点代码基础,原生支持markdown,更专注于写作。
(常与GIthub、coding一起使用,免费。)
总结:如果你想免费,愿意折腾,建议用Hexo;如果你不介意钱,不想折腾,建议用Wordpress。
2. VPS还是Github、coding
很简单,愿意花钱:VPS
想要免费:Github、coding
对于个人博客,两个都完全足够。
我选择的是Hexo+Github的方式创建网站,毕竟免费的嘛。
二. Hexo方面
首先下载安装Hexo的环境:Node.js
检查是否安装成功:node -v
如果显示了版本号,说明安装成功
之后的步骤只需要几行代码就可以解决:
sudo npm install -g hexo-cli #安装Hexo
hexo init blog #blog可以换成其他名字,这一步初始化博客
cd blog # 进入blog文件夹
npm install
hexo g # 生成静态网页
hexo s # 预览网站
之后进入网址:localhost:4000便可以看到我们目前布置好的网站。
简简单单几行代码,我们就已经用Hexo建立了一个网站,但是这个网站仍然在本地,接下来我们需要将网站托管到GitHub上。
三. Github方面
我们用GitHub来托管我们的网站,先注册一个GitHub账号,然后创建一个Project,仓库名一定要是 “用户名.github.io”
这个仓库就是我们用来放我们网站的地方,我们要想把网站放上来,就需要进行双向允许。什么是双向允许?就是仓库同意接收该网站和该网站允许自己被上传。
1. 让网站允许自己被上传
在GitHub的那个仓库里找到自己的仓库名,复制
然后在blog文件夹里打开根文件下的_config.yml文件,在最下面修改成
2. 让Github同意接收网站
步骤如下:
git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"
ssh-keygen -t rsa -C "你的GitHub注册邮箱"
改成你自己的邮箱,使用默认值一路回车。
如果一切顺利的话,可以在用户主目录里找到.ssh目录,里面有id_rsa和id_rsa.pub两个文件,这两个就是SSH Key的秘钥对,id_rsa是私钥,不能泄露出去,id_rsa.pub是公钥,可以放心地告诉任何人。
登陆GitHub,打开“Account settings”,“SSH Keys”页面:
然后,点“Add SSH Key”,填上任意Title,在Key文本框里粘贴id_rsa.pub文件的内容:点“Add Key”,你就应该看到已经添加的Key。
这样GitHub便会无条件接收你网站里的内容更新。
四. 最后连通GitHub与网站
到现在为止,你已经有了一个真正的自己的网站,任何人都可以访问你的网站。
你的网站域名是:https://你的仓库名.github.io/
进行以下步骤:
npm install hexo-deployer-git --save
hexo g #将修改的内容变成网页形式
hexo d #将渲染好的网页部署到GitHub上
Bingo!
五. 域名绑定
目前为止,你已经可以通过“仓库名.github.io“访问到你自己的网站。
接下来在任意一个域名购买网站购买你的域名,这里以万网为例。购买之后你需要做两件事:
在GitHub上放置你的域名——告诉github,我要用这个域名代替你了
在万网上放置你的Github名——告诉万网,你以后就把我这个域名通往GitHub了
第一步很简单,在blog根目录下的source文件里新建一个文件CNAME(没有扩展名),在里面写上你的域名xxxx.com(不要写http和www)。然后hexo g
hexo d
第二步:进入万网的域名解析页面,然后进入控制台:
然后添加一条解析记录,如上图,记录类型选择CNAME,主机记录填@,记录值填你之前的github域名。
做完上面两步后,你就可以通过你自己的域名访问网站啦。