整理最全的博客建站工具,各種博客、創作平台、寫作、博客工具合集


前段時間有點喪,碎碎念想到,一腔孤勇的活着也曾有過許許多多的壓力,但覺得並不是很累。

常言道,與天爭,爭了個天道無常,與世爭,爭了個世事滄桑,與人爭,爭了個人心叵測,何不坦坦盪盪、瀟瀟灑灑的過活這一生呢。

今天想分享如何搭建個人博客網站,程序員多多少少也該有一個自己的博客網站,一方面是為了記錄自己的工作總結,或是學習記錄,另一方面,一種寫作能力的積累能幫助你走的更遠。

一個優秀的程序員要學習和了解的內容太多太廣了,如果純靠我們人腦來時刻保持對技術的積累,那效率是較慢的,所以我們需要一個專門積累個人知識財富的東西,博客系統或者論壇系統等。

1 寫作助手

幫助國內用戶寫作的托盤助手,一鍵發布本地文章到主流博客平台(知乎、簡書、博客園、CSDN、SegmentFault、掘金、開源中國),剪貼板圖片一鍵上傳至圖床(新浪、Github、圖殼、騰訊雲、阿里雲、又拍雲、七牛雲)。

Github地址:https://github.com/onblog/BlogHelper

沒有任何界面,只存放於系統托盤的小助手🌝,幫助更多人更好的寫作!

1.1 功能

  • 一鍵發布本地文章到知乎、簡書、博客園、CSDN、掘金、SegmentFault(思否)、開源中國等平台。
  • 支持的圖床有:新浪、SM.MS、Github、Imgur、七牛雲、騰訊雲、阿里雲、又拍雲。
  • 支持快捷鍵上傳剪貼板里第一張圖片,更新剪貼板內容為圖片鏈接。
  • 一鍵將本地文章中引用的本地圖片上傳到圖床並替換為引用鏈接。
  • 對剪貼板拷貝的代碼進行對齊操作,解決粘貼代碼左側留白的苦惱。
  • 一鍵將HTML文件轉換為Markdown文本文件(支持批量)。
  • 對本地文章中的圖片進行各種DIY操作,一鍵網絡圖片下載,一鍵本地文章整理。
  • 豐富的工具集,包括一鍵打開微信文章排版,一鍵打開圖片素材網站等。

預覽:

image-20211213224616162

2 Halo

官網地址:https://halo.run/

Halo:一款現代化的博客/CMS系統,值得一試。

Halo社區:https://bbs.halo.run/

2.1 特性

image-20210127090339986

想要搭建Halo博客,我們最好先有自己的服務器與域名網站,關於如何從零開始搭建網站,請參考之前本公眾號內的文章《如何從零搭建個人/公司網站》

2.2 Halo搭建

針對不同的服務器,搭建方式亦不同:

macOS:

$ wget https://dl.halo.run/release/halo-1.4.2.jar
$ java -jar halo-1.4.2.jar

Windows:

click https://dl.halo.run/release/halo-1.4.2.jar to download.
$ java -jar halo-1.4.2.jar

Docker(推薦):

# 創建工作目錄
$ mkdir ~/.halo && cd ~/.halo
# 下載示例配置文件到工作目錄
$ wget https://dl.halo.run/config/application-template.yaml -O ./application.yaml
# 編輯配置文件,配置數據庫或者端口等
$ vim application.yaml
# 創建容器
$ docker run -it -d --name halo -p 8090:8090 -v ~/.halo:/root/.halo ruibaby/halo
  • -it: 開啟輸入功能並連接偽終端
  • -d: 后台運行容器
  • –name: 為容器指定一個名稱
  • -p: 端口映射,格式為 主機(宿主)端口:容器端口 ,可在 application.yaml 配置。
  • -v: 工作目錄映射。形式為:-v 宿主機路徑:/root/.halo,后者不能修改。
  • –restart: 建議設置為 always,在 Docker 啟動的時候自動啟動 Halo 容器。

打開 http://ip:端口號 即可開始進入安裝引導界面。

關於Halo的搭建,推薦使用Docker的方式搭建,有關於Docker技術,強烈推薦還不了解Docker的同學前去學習,容器化技術目前還是比較火爆的,而Docker作為容器技術的代表產品,真的是簡單方便,在生產級別的適用性也十分高。

2.3 主題

Halo有着豐富的主題樣式,可以滿足你對皮膚的各種幻想,當然,若這些都另你不夠滿意,也可以自己編寫一份主題。

image-20210127091008243

image-20210127091021104

我的個人網站就是通過Halo搭建的,還是感覺很不錯的。

image-20210127091138157

3 Hexo

官網地址:https://hexo.bootcss.com/

Hexo:快速、簡潔且高效的博客框架

推薦一款不錯的Hexo主題:https://github.com/shenliyang/hexo-theme-snippet

Snipaste_2021-12-13_22-49-22

另一款不錯的Hexo主題:https://github.com/theme-nexmoe/hexo-theme-nexmoe

Snipaste_2021-12-13_22-49-47

3.1 特性

image-20210127091548680

3.2 Hexo搭建

$ npm install hexo-cli -g
$ hexo init blog
$ cd blog
$ npm install
$ hexo server

以上命令是在本地搭建,但是這樣我們無法通過互聯網訪問,為了使我們的個人博客網站能發布在網上讓所有人看到,這里給大家推薦一種方式,使用Github Pages+Hexo完成個人博客網站的搭建。

網上有關於這部分的教程案例比較豐富,我就不再次編寫,直接給大家分享幾個不錯的教程來進行參考:

搭建完成后,就將你的博客Hexo部署到了Github了,則可以免去購買服務器,購買域名。

之后就可以愉快的編寫Markdown技術文檔,實現技術的不斷躍遷了。

3.3 主題

Hexo有300+款主題可以任你挑選,如此豐富的主題讓你一天換一套皮膚都不帶重樣,滿足廣大審美程序員的要求。

image-20210127091754223

4 Java開發的博客

4.1 Solo:小而美的博客系統,為未來而構建

博客地址:https://b3log.org/solo/

小而美的博客系統,為未來而構建

不得不說,Solo的豐富主題還是很不錯的,有很多喜歡的樣式。

Snipaste_2021-12-13_22-51-34

4.2 PerfreeBlog:Java開發的博客/CMS系統

博客地址:http://perfree.org.cn/

Snipaste_2021-12-13_22-53-39

4.3 OneBlog:Java博客

OneBlog 一個簡潔美觀、功能強大並且自適應的Java博客。使用springboot開發,前端使用Bootstrap。支持移動端自適應,配有完備的前台和后台管理功能。

博客地址:https://docs.zhyd.me/

Snipaste_2021-12-13_22-55-03

4.4 Tale:Balde開發

Github地址:https://github.com/otale/tale

Tale 的英文含義為故事,我相信每個堅持寫 Blog 的人都是有故事的;中文你叫它 塌了 也無所謂 🤣。

Tale 使用了輕量級 mvc 框架 Blade 開發,默認主題使用了漂亮的 pinghsu

4.5 My Blog

Github地址:https://github.com/ZHENFENG13/My-Blog

4.6 My Site

Github地址:https://github.com/WinterChenS/my-site

My Site是由Docker+SpringBoot2.0+Mybatis+thymeleaf等技術實現的個人網站,本來是一個docker和springboot的實戰練習項目,目前已經開源,功能齊全、部署簡單及完善的代碼。

Snipaste_2021-12-13_23-01-11

4.7 Bolo

Github地址:https://github.com/adlered/bolo-solo

基於 Java 的菠蘿博客系統,簡單易部署,精致主題,貼心服務,專為程序員設計。

Snipaste_2021-12-13_23-00-43

5 WordPress

網站地址:https://www.wpmee.com/

中國站:https://cn.wordpress.org/

WordPress應該是很多非程序員的最佳選擇了吧,簡單方便,主題是非常非常多的,當然,部分好看的收費。

貌似這也是使用最多的博客網站。

許多公司的官網也有通過它來建站的,相對來說是比較豐富的。

Snipaste_2021-12-13_23-04-34

Snipaste_2021-12-13_23-05-02

6 Typecho

官網地址:http://typecho.org/

主題站:https://typecho.me/

Snipaste_2021-12-13_23-07-07

7 B3log

官網地址:https://b3log.org/

是一個開源組織,名字來源於“Bulletin Board Blog”縮寫,目標是將獨立博客與論壇結合,形成一種新的網絡社區體驗。

  • 一款用 Java 實現的現代化社區(論壇/BBS/社交網絡/博客)平台

  • 實現了面向內容討論的論壇

  • 實現了面向知識問答的社區

  • 包含了面向用戶分享、交友、游戲的社交網絡

  • 100% 開源

Snipaste_2021-12-13_23-09-19

8 Hugo

官網地址:https://www.gohugo.org/

Hugo是由Go語言實現的靜態網站生成器。簡單、易用、高效、易擴展、快速部署。

Snipaste_2021-12-13_23-11-25

9 DoraCMS

官網地址:https://www.doracms.com/

DoraCMS 是基於 nodejs 的內容管理系統,所用技術棧包含 eggjs、mongodb、vue、single-spa 等。代碼結構清晰,目錄規划合理,項目整體考慮到了從普通用戶使用,開發者開發,編譯,發布的整個流程。

Snipaste_2021-12-13_23-10-56

10 VuePress

網站地址:https://vuepress.vuejs.org/zh/

Vue 驅動的靜態網站生成器

Snipaste_2021-12-13_23-12-48

11 docsify

官網地址:https://docsify.js.org/#/

一個神奇的文檔網站生成器。

docsify 可以快速幫你生成文檔網站。不同於 GitBook、Hexo 的地方是它不會生成靜態的 .html 文件,所有轉換工作都是在運行時。如果你想要開始使用它,只需要創建一個 index.html 就可以開始編寫文檔並直接部署在 GitHub Pages

11.1 特性

  • 無需構建,寫完文檔直接發布
  • 容易使用並且輕量 (壓縮后 ~21kB)
  • 智能的全文搜索
  • 提供多套主題
  • 豐富的 API
  • 支持 Emoji
  • 兼容 IE11
  • 支持服務端渲染 SSR (示例)

12 jekyll

官網地址:https://www.jekyll.com.cn/

將純文本轉化為靜態網站和博客。

Snipaste_2021-12-13_23-15-26

13 Docusaurus

網站地址:https://www.docusaurus.cn/

Docusaurus 幫你快速構建並優化網站,讓你專注於創作內容

Snipaste_2021-12-13_23-16-23

14 世樹小程序-雲開發

碼雲地址:https://gitee.com/KyotoKing_tree/treeworld_Applets

105203

105741

15 本站:VitePress

網站地址:https://fttp.jjf-tech.cn/vitepress/

示例站點:https://www.lovebetterworld.com/

什么是 VitePress?

VitePress 是 VuePress 的小弟弟,在 Vite 上構建的。

15.1 特點

  1. 幾乎實時的服務啟動
  2. 根據需要編譯頁面
  3. 非常輕量快速的 HMR(熱模塊重載)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM