手把手教你搭建属于自己的博客

首先需要一些基础的配置:
  • github账号,因为我们需要github page上面的免费空间
  • hexo 用来管理自定义博客页面
  • MWeb 可以编写md等
  • node.js
  • git

具体实现步骤:

  1. 登录github创建一个项目,项目名字必须是这个的格式
Paste_Image.png

左边划红线的就是你github的名字,然后以这个项目作为你blog的空间

手把手教你搭建属于自己的博客_第1张图片
Paste_Image.png

点击setting进入上面设置页面,选中箭头部分设置blog的样式,里面有几种主题是可以选择的,设置成功后在浏览器中输入之前你项目的名字就可以打开了。但是这样的域名是比较长的,很不美观,那么接下来就教你如何绑定自己的特有的域名。

3.首先要买一个域名,这个可以在阿里云上面购买,当然其他的地方也是可以的,这里就以阿里云的为例。进入域名管理将git上的域名解析到阿里云

手把手教你搭建属于自己的博客_第2张图片
Paste_Image.png

这个你的域名就可以用github page的空间了,那么接下来就是在github page上面绑定你的域名了,好在进入之前的setting页面添加你自己的域名即可。

Paste_Image.png

这样你的域名就可以被访问了。
4.接下来就是用hexo来设置管理你的blog了

安装


npm install hexo -g

初始化


hexo init

生成静态页面


hexo g

启动服务器


hexo s

Paste_Image.png

在浏览器中输入 http://localhost:4000/
就可以看到默认的blog样式了,当然这个是本地的,接下来就是关联到github page 上面了。进入_config.yml在末尾修改deployer为

Paste_Image.png

注意样式一定一样

然后进入source文件夹创建CNAME文件在里面添加你的阿里云域名。

保存deployer修改


npm install hexo-deployer-git --save

清除缓存


hexo clean

部署


hexo d

部署成功后你的个人blog基本上已经完成了。

5.最后一步就是如何编写的问题了,个人选择的是MWeb编辑器

手把手教你搭建属于自己的博客_第3张图片
Paste_Image.png

完成你的文章之后保存为markdown格式,将其放入到hexo 文件夹下面source->_posts里面,然后再次保存修改->部署即可.这样基本上已经完成了blog的搭建了。

6.最后一步就是blog的美化了,一款炫酷的主题肯定是必须的,这里就随便选个主题配置了

主题下载


$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

主题安装


cd themes/yilia

git pull


其他的配置就在主目录下面的_config.yml里面修改了,比如作者名字,文章数目,链接等等。

到这里blog的搭建基本完成了,赶紧试试吧!

你可能感兴趣的:(手把手教你搭建属于自己的博客)