通过 hexo 快速搭建自己的个人博客,无需有任何技术基础也可以。
在没有弄懂这个怎么搭建的时候本来想在网上找人的,但是后来发现无论是某鱼还是某宝都好贵呀,只是搭建博客少则几十,多则上百,而且还是带搭建,即使搭建了自己也可能无法弄懂,相关主题啥的都别想了。
以下是我使用 hexo 搭建的个人博客,欢迎大家访问:
xiangl的个人博客
使用 腾讯的 cloudbase 部署的网站,访问无延迟,超赞。
其实搭建一个博客并不难,接下来带你半小时搭建一个个人博客,以我自己的博客主题为例。
Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Coding上,是搭建博客的首选框架。大家可以进入hexo官网进行详细查看,因为Hexo的创建者是台湾人,对中文的支持很友好,可以选择中文进行查看。
在开始搭建之前,请确保你的电脑一下具备以下环境:
以上环境必须安装好,不然在之后的步骤就会有问题的!!!
在开始之前,我先说明一下,我使用的是 腾讯云服务器 云服务的网页部署,接下来我会使用两种方法进行部署:
以上两种方法其实都有优缺点:
新建一个名为你的用户名.github.io的仓库,比如说,如果你的github用户名是test,那么你就新建test.github.io的仓库(必须是你的用户名,其它名称无效),将来你的网站访问地址就是 http://test.github.io
了
由此可见,每一个github账户最多只能创建一个这样可以直接使用域名访问的仓库。
注: 用户名形式只能是
XXX.github.io
创建成功后,默认会在你这个仓库里生成一些示例页面,以后你的网站所有代码都是放在这个仓库里啦。
以上两部分内容请参考 博客:
绑定域名、SSH配置
注:如果没有域名的请直接跳过
现在可以安装hexo
了,你可以先创建一个文件夹blog,然后 cd 到这个文件夹下:
npm install -g hexo-cli
安装完成后你可以使用命令进行查看是否安装成功:
hexo -v
然后进行初始化 hexo
hexo init myblog
cd myblog //进入这个myblog文件夹,这个取什么名字都可以
npm install // 国内使用cnpm 快一点
完成以上操作之后你可以看到文件夹中有以下文件:
然后在该目录下的命令行进行以下操作:
hexo clean ## 清理
hexo g ## 生成
hexo s ## 启动
启动之后我们可以看到会有一个 localhost:4000
的测试网址,直接在浏览器中访问即可。
到此为止一个简单的 hexo
博客就完成了。
打开 ._config.yml
文件,在文件的末尾加入
deploy:
type: git
repo: https://github.com/YourgithubName/YourgithubName.github.io.git ## 这个是你仓库的地址
branch: master
这个时候需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub。
npm install hexo-deployer-git --save
部署这个命令一定要用git bash,否则会提示Permission denied (publickey).
打开你的git bash
,输入hexo d
就会将本次有改动的代码全部提交,没有改动的不会。
到这里你的github博客基本就部署完了,你只需要直接访问 YourgithubName.github.io
即可 这里的 YourgithubName 是你仓库的名字。
这里我们使用腾讯云 的静态网页托管来搭建自己的博客。
你需要去申请一个 cloudbase , 申请地址为:
https://cloud.tencent.com/
然后新建一个空间即可。
最后我们需要将本地代码托管到腾讯云上去
在文件的根目录下的终端输入:
tcb login
这里如果正常的或很弹出一个授权框
之后,我们将整个 public
文件夹,通过 tcb
上传到静态网站托管目录下:
# 进入刚刚生成的public文件夹内
cd public
# 部署当前目录下所有文件
tcb hosting deploy -e $envId
这里的 $envId 是你的环境 ID
最后你就可以查看你的云文件夹的文件如下:
此时你访问你的默认域名就可以看到你的网页了,到此就部署成功了,是不是很简单呢。
下期:更换 hexo 主题并使用相关插件(比如如何将你的博客推送到百度、GOOLE等)