作为一个程序员，写博客是一个高频、刚需的需求，所以我要搭建一个自己的博客系统。

要求：

• 好用
• 简单
• 便捷
• 免费

需要的工具：

• 一个好用的富文本编辑器（当然要支持markdown语法）
• 一个能把文档转为静态网页的工具
• 一个免费的网站托管平台（免费且稳定的服务器或按量计费服务）

当然博客网站还要考虑一些其他的小细节：

• 优秀的目录系统
• 好看的UI（优秀的主题）
• SEO友好（搜索引擎优化，最好就是规范的纯HTML静态页面）
• 访客统计（UV、PV等等）
• 评论系统（匿名评论很必要）
• 搜索（全站搜索，前端实现应该就满足了）
• 等等其他功能

设计思想：
All In HTML，或者说All In Markdown都行**
HTML天然解决跨平台，跨端，免安装，优秀的SEO，等等一些列问题

如何实现：

1. 自己写一个，好处是完全定制，但缺点也很明显，我没空写。。。
2. 利用开源工具，拼装组合，然后自己再适当优化，先把博客跑起来，等一个适当的时机的时候再自己重写一版。。。
3. 思路确定了，寻找工具来实现

   寻找工具以实现

   语雀+vupress+coding pages服务

• 一个好用的富文本编辑器（当然要支持markdown语法）
  • 试用了N个工具，最终选择语雀（主要原因是免费的图片CDN+优秀的目录结构比较适合我）
    • 其他优秀的Markdown编辑器如下，随不适合我，但他们也很优秀：
    • vditor：https://github.com/Vanessa219/vditor
    • typora：https://www.typora.io/
    • vnote：https://github.com/tamlok/vnote
    • hbuilderx：https://www.dcloud.io/hbuilderx.html
    • vscode：https://code.visualstudio.com/
• 一个能把文档转为静态网页的工具
  • 试了N个工具，选了vupress（主要原因是Vue做的，简单、生态好（虽然我React、Vue、Angular都写，但是小项目还是Vue优势最大成本最低））
    • 其他优秀的同款工具，它们也真的很优秀
    • hexo：https://hexo.io/zh-cn/index.html
    • Nuxt：https://zh.nuxtjs.org/guide/
    • Docsify：https://docsify.js.org/#/
    • Docute：https://docute.org/
    • GitBook:https://www.gitbook.com/
• 一个免费的网站托管平台（免费且稳定的服务器或按量计费服务）
  • 试了N个工具，选了coding(静态网站托管+自定义域名+域名可以不备案 就够了)
    • 其他几个很优秀的工具，甚至比coding功能还强大
    • 腾讯云开发 CloudBase：https://cloudbase.net/?site=vuepress
    • GitHub Pages：https://pages.github.com/
    • GitHub Pages and Travis CI：https://docs.travis-ci.com/user/deployment/pages/
    • GitLab Pages and GitLab CI：https://about.gitlab.com/blog/2016/04/07/gitlab-pages-setup/
    • Netlify：https://www.netlify.com/
    • Google Firebase：https://firebase.google.cn/
    • Surge：https://www.npmjs.com/package/surge
    • Heroku：https://devcenter.heroku.com/articles/heroku-cli
    • Vercel：https://vercel.com/guides/deploying-vuepress-to-vercel
    • 21 云盒子：https://www.21yunbox.com/docs/#/deploy-vuepress
      
• 意外收获：世界太大了，有人跟我有同样的想法，所以他做了一个vupress的插件来同步语雀的知识库，哈哈哈
  • vuepress-plugin-yuque：https://github.com/ulivz/vuepress-plugin-yuque
  • 但是这个插件有些小不足，好在开源我可以随意修改

疑问：我怎么找到的这些工具？
Google大法好，搜到一个会推荐相关的然后就一串工具，大体看看尝试一下就行了，不过浪费时间良多，收益也良多。
**
万事具备，开搞！ Let`s Fuck!!!