【原】互联网时代：没有玩过个人网站，已经out了

大家好，我是Bruce，又见面了。

不知道各位有没有自己尝试过建个人网站？

几年前，小编我热衷记录生活点点滴滴，尝试用Github的Pages服务搭建过一个网站写博客，当时作为小白的我，在WIndows下搭建环境简直是噩梦，而且由于后来误操作，把整个内容删掉了，本地备份也因硬盘坏了而导致内容全部丢失，如果当时有备份数据的习惯就好了。所以，小编在这啰嗦一句，重要的数据，还是要备份！

该篇本想介绍使用Github Pages，但是处于某些原因，Github Pages 搭建的方式不是很理想，不仅耗时（主要是网络问题），而且新手不友好。那么后来小编一想，要不看看目前有什么好的替代方案？依稀记得有个叫coding的。。。。

于是本周的主角就敲定了：

腾讯云开发者平台（Coding）+ Cloud Studio

腾讯云开发者平台，就是以前的Coding，类似Github，云端代码管理仓库。 

Cloud Studio，云端的文本编辑器，内置各种开发环境，免去新手手动搭建各种环境的困难。

下面就是正文时间，

教大家自己搭建一个免费的博客网站。

无需个人申请域名备案。

01

创建博客网站项目

登陆 https://studio.dev.tencent.com/

点击【立即体验】，注册账号，可直接扫微信二维码快捷注册。

注册登陆后，进入账户首页，点击右上方的【+】选择【项目】

填写一些基本的必备信息，比如项目名称，项目描述等，点击【新建项目】完成创建。

创建好后，会跳转到项目主页，在开启Pages服务前，为了方面后续管理，可以重新创建一个分支，将博客的实际内容上传到该分支下，而不是Master主分支，主分支可用来保存博客网站的源码。

点击左边【代码】选择【分支管理】。

点击【新建分支】，弹出的窗口填写分支名称，比如【coding-pages】

创建好分支后，就可以按照下面的方式开启Pages服务，并绑定到新建的分支。

开启Pages服务

修改Pages服务的代码分支

 

02

搭建Hexo博客环境

上一步已完成了项目的创建，这步就使用Cloud Studio快速的搭建Hexo环境。

进入 https://studio.dev.tencent.com/dashboard/workspace  

选择【新建工作空间】

选择已经创建好的项目，本篇以创建好的 blog的项目为例，选择【toraidl/blog】，【Hexo】, 点击创建。

自动跳转到主界面后，在【我的工作空间】中选择新建的空间，便可直接进入相应的环境。

点击左下角的【Terminal】，接下来需要这里输入初始化hexo的相关命令。

首先新建一个文件夹，博客系统hexo中的所有文件将存放在这个文件夹里面，本例使用hexo为该文件夹名，当然可以自定义一个新的：

hexo init hexo cd hexo //进入hexo文件npm install  

完成安装后，在左上方就能看见多出了个新的文件夹hexo,目录结构如下，其中大部分文件目前都是不需要修改的，只需修改_config.yml文件就行。

03

生成页面

在终端中输入:

hexo g

或

hexo generate

该命令会创建public文件夹生成网站实际html页面及相关文件。                                      

04

部署网站

生成好html页面后，需要将其部署到Pages代码仓库，这里需要修改_config.yml文件几处。

1：url：修改为Pages页面的实际地址。

2：root：将项目名作为网站根目录

3：在文本最后，找到deploy行，修改下方type为git，  repo 为项目代码的实际网址，以及修改branch为第一步新建的分支，按下Ctrl+S保存修改。

然后在终端中输入：

git config --global user.email "<你的邮箱地址>"git config --global user.name "<用户名>"npm install hexo-deployer-git --save //安装git部署插件hexo d // 或者 hexo deploy

最后输入用户名和密码就可以完成部署。

（Linux终端输入密码的时候不会有任何显示，确保输入正确然后按回车就行）

账号和密码可以在该页面进行设置

 https://dev.tencent.com/user/account/setting/basic

 

05

访问网站

部署成功后，可以回到Pages设置页面查看是否部署成功，

最后访问网址，一个博客就这样搭建好了。

大功告成！

 

温馨提示

在第1步中，小编提到需要新建分支保存Pages页面，具体的原因是，本方案使用的是在线编辑器的，如果直接部署到Master主分支的话，在编辑器做的更改，不能确保不会丢失，那么用master来保存实际的代码，也是比较方便的。

具体操作方式为：

git pull git add . git commit -m "引号里面添加修改的目的，比如hexo init 初始化hexo环境"git push //将更改的代码同步到腾讯开发者平台仓库。

上述的操作，就可以把在编辑器做的更改同步到项目里面，起到备份重要数据的作用，可以通过【代码浏览】查看更改。

关于更多关于hexo的使用，

比如修改主题，编写博文，请参考官网文档：

https:/// 

支持中文的哦。

今天的教程就到这里了。

留言区的大神， 欢迎分享最新最厉害的搭建方式。

下期见。

Android杀手要来了，你信吗？

7月08日

Pink + Purple = Fuchsia, 是由Google公司开发的继Android和Chrome OS之后的第三个系统.

阅读全文

>