一天建4个，小傅哥教你搭博客！

博客：

❝

沉淀、分享、成长，让自己和他人都能有所收获！

❞

目录

四、部署到自己的服务器

五、总结

六、系列推荐

一、前言

压测了，小傅哥一天能搭4个博客！

好学、乐学、博学、恒学、会学和用学，学以致用。一起学习成长的很多同好以及我自己，都是同样喜欢折腾的人。

最早大家都喜欢倒腾自己的QQ空间，装修的各式各样，可那炫耀。但终究这个QQ空间里面，还有很多东西不能让自己随意摆弄。不知道是不是此类好奇和爱好，让很多人走上了编程开发的道路。

就折腾博客而言，在大学开始就不停的折腾。从一个网页能被宿舍人访问、被校友访问、被家人看到，那个兴奋劲还是十足的。哪怕是半夜也是一遍遍的折腾写着html，虽然丑了吧唧的！

最近有不少粉丝问小傅哥，自己也想搭建个自己的博客系统写写文章，但不知道怎么弄。正好小傅哥也确实折腾过各种博客的搭建，了解一些坑坑洼洼，算是给后面的司机开开路。

本文主要向大家介绍：

4类静态博客，hexo、docsify、jekyll、vuepress，的差异和特点

在 GitPage 上部署自己的博客

独立域名+个人服务器，部署博客

另外小傅哥把这些博客脚手架统一放到Github仓库，方便大家使用时候可以更方便。关注公众号：bugstack虫洞栈，回复：博客系统

有了这些参考，大家就可以选择适合自己的博客系统了，开心的写博客。

二、你要准备的东西

综上，是每一个人建博客的不同目的和需要的内容，按需选择即可。

另外，GitPage配置参考：#/zh-cn/deploy 在Github的配置中，可以选择根目录和docs两个文件夹，作为静态博客的仓库。所以在选择下面四类博客中，都是把docs文件夹预留出来，方便使用。

三、4种博客的搭建

1. hexo

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo generate # 生成
hexo server   # 启动服务

其他：

2. docsify

npm i docsify-cli -g # 全局快速安装
docsify init ./docs  # 初始化项目
docsify serve docs   # 本地预览

3. jekyll

Fork code and clone
Run bower install to install all dependencies in bower.json
Run bundle install to install all dependencies in Gemfile
Update _config.yml with your own settings.
Add posts in /_posts
Commit to your own Username.github.io repository.
Then come back to star this theme!

4. vuepress

npm install -g vuepress # 安装
vuepress build docs     # 构建，生成html，可以用于部署
vuepress dev docs       # 启动，http://localhost:8080/

四、部署到自己的服务器

vuepress的博客项目放到IDEA中打开和日常维护就可以了，而且IDEA只提供了FTP的功能，也可以方便上传服务到远程服务器。

关于域名和服务器等需要购买，另外还需要备案才能正常使用。如果你想域名有一个小锁头的安全提示，则需要ssl证书，一般可以免费获取。

其实小傅哥已经有一个 bugstack.cn 博客，本次是又申请了一个新的域名 itedus.cn 想着再搭建一个玩玩，折腾！

1. IDEA 配置 FTP

在IDEA的菜单栏上，Tools 中有一个 Deployment 的选项网页设计与网站建设完全学习手册pdf，可以配置FTP以及其他SFTP。

IDEA 配置 FTP2. 上传静态网页

上传静态网页五、总结六、系列推荐

- END -

下方扫码关注 bugstack虫洞栈，与小傅哥一起学习成长、共同进步，做一个码场最贵Coder！

你好，我是小傅哥。一线互联网java 工程师、架构师，开发过交易&营销、写过运营&活动、设计过中间件也倒腾过中继器、IO板卡。不只是写Java语言，也搞过C#、PHP，是一个技术活跃的折腾者。

2020年写了一本PDF，全网下载量20万+，帮助很多同学成长。同年 github 的两个项目网页设计与网站建设完全学习手册pdf，CodeGuide、itstack-demo-design，持续霸榜 Trending，成为全球热门项目。