前段時間有點喪,碎碎念想到,一腔孤勇的活着也曾有過許許多多的壓力,但覺得並不是很累。
常言道,與天爭,爭了個天道無常,與世爭,爭了個世事滄桑,與人爭,爭了個人心叵測,何不坦坦盪盪、瀟瀟灑灑的過活這一生呢。
今天想分享如何搭建個人博客網站,程序員多多少少也該有一個自己的博客網站,一方面是為了記錄自己的工作總結,或是學習記錄,另一方面,一種寫作能力的積累能幫助你走的更遠。
一個優秀的程序員要學習和了解的內容太多太廣了,如果純靠我們人腦來時刻保持對技術的積累,那效率是較慢的,所以我們需要一個專門積累個人知識財富的東西,博客系統或者論壇系統等。
1 寫作助手
幫助國內用戶寫作的托盤助手,一鍵發布本地文章到主流博客平台(知乎、簡書、博客園、CSDN、SegmentFault、掘金、開源中國),剪貼板圖片一鍵上傳至圖床(新浪、Github、圖殼、騰訊雲、阿里雲、又拍雲、七牛雲)。
Github地址:https://github.com/onblog/BlogHelper
沒有任何界面,只存放於系統托盤的小助手🌝,幫助更多人更好的寫作!
1.1 功能
- 一鍵發布本地文章到知乎、簡書、博客園、CSDN、掘金、SegmentFault(思否)、開源中國等平台。
- 支持的圖床有:新浪、SM.MS、Github、Imgur、七牛雲、騰訊雲、阿里雲、又拍雲。
- 支持快捷鍵上傳剪貼板里第一張圖片,更新剪貼板內容為圖片鏈接。
- 一鍵將本地文章中引用的本地圖片上傳到圖床並替換為引用鏈接。
- 對剪貼板拷貝的代碼進行對齊操作,解決粘貼代碼左側留白的苦惱。
- 一鍵將HTML文件轉換為Markdown文本文件(支持批量)。
- 對本地文章中的圖片進行各種DIY操作,一鍵網絡圖片下載,一鍵本地文章整理。
- 豐富的工具集,包括一鍵打開微信文章排版,一鍵打開圖片素材網站等。
預覽:
2 Halo
官網地址:https://halo.run/
Halo:一款現代化的博客/CMS系統,值得一試。
Halo社區:https://bbs.halo.run/
2.1 特性
想要搭建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有着豐富的主題樣式,可以滿足你對皮膚的各種幻想,當然,若這些都另你不夠滿意,也可以自己編寫一份主題。
我的個人網站就是通過Halo搭建的,還是感覺很不錯的。
3 Hexo
官網地址:https://hexo.bootcss.com/
Hexo:快速、簡潔且高效的博客框架
推薦一款不錯的Hexo主題:https://github.com/shenliyang/hexo-theme-snippet
另一款不錯的Hexo主題:https://github.com/theme-nexmoe/hexo-theme-nexmoe
3.1 特性
3.2 Hexo搭建
$ npm install hexo-cli -g
$ hexo init blog
$ cd blog
$ npm install
$ hexo server
以上命令是在本地搭建,但是這樣我們無法通過互聯網訪問,為了使我們的個人博客網站能發布在網上讓所有人看到,這里給大家推薦一種方式,使用Github Pages+Hexo完成個人博客網站的搭建。
網上有關於這部分的教程案例比較豐富,我就不再次編寫,直接給大家分享幾個不錯的教程來進行參考:
- 使用GitHub Pages+Hexo 搭建個人網站詳細教程
- 使用 Github Pages 和 Hexo 搭建自己的獨立博客【超級詳細的小白教程】
- 超詳細Hexo+Github Page搭建技術博客教程【持續更新】
搭建完成后,就將你的博客Hexo部署到了Github了,則可以免去購買服務器,購買域名。
之后就可以愉快的編寫Markdown技術文檔,實現技術的不斷躍遷了。
3.3 主題
Hexo有300+款主題可以任你挑選,如此豐富的主題讓你一天換一套皮膚都不帶重樣,滿足廣大審美程序員的要求。
4 Java開發的博客
4.1 Solo:小而美的博客系統,為未來而構建
小而美的博客系統,為未來而構建
不得不說,Solo的豐富主題還是很不錯的,有很多喜歡的樣式。
4.2 PerfreeBlog:Java開發的博客/CMS系統
4.3 OneBlog:Java博客
OneBlog 一個簡潔美觀、功能強大並且自適應的Java博客。使用springboot開發,前端使用Bootstrap。支持移動端自適應,配有完備的前台和后台管理功能。
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的實戰練習項目,目前已經開源,功能齊全、部署簡單及完善的代碼。
4.7 Bolo
Github地址:https://github.com/adlered/bolo-solo
基於 Java 的菠蘿博客系統,簡單易部署,精致主題,貼心服務,專為程序員設計。
5 WordPress
WordPress應該是很多非程序員的最佳選擇了吧,簡單方便,主題是非常非常多的,當然,部分好看的收費。
貌似這也是使用最多的博客網站。
許多公司的官網也有通過它來建站的,相對來說是比較豐富的。
6 Typecho
官網地址:http://typecho.org/
7 B3log
官網地址:https://b3log.org/
是一個開源組織,名字來源於“Bulletin Board Blog”縮寫,目標是將獨立博客與論壇結合,形成一種新的網絡社區體驗。
-
一款用 Java 實現的現代化社區(論壇/BBS/社交網絡/博客)平台
-
實現了面向內容討論的論壇
-
實現了面向知識問答的社區
-
包含了面向用戶分享、交友、游戲的社交網絡
-
100% 開源
8 Hugo
Hugo是由Go語言實現的靜態網站生成器。簡單、易用、高效、易擴展、快速部署。
9 DoraCMS
DoraCMS
是基於 nodejs 的內容管理系統,所用技術棧包含 eggjs、mongodb、vue、single-spa 等。代碼結構清晰,目錄規划合理,項目整體考慮到了從普通用戶使用,開發者開發,編譯,發布的整個流程。
10 VuePress
網站地址:https://vuepress.vuejs.org/zh/
Vue 驅動的靜態網站生成器
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/
將純文本轉化為靜態網站和博客。
13 Docusaurus
網站地址:https://www.docusaurus.cn/
Docusaurus 幫你快速構建並優化網站,讓你專注於創作內容
14 世樹小程序-雲開發
碼雲地址:https://gitee.com/KyotoKing_tree/treeworld_Applets
15 本站:VitePress
網站地址:https://fttp.jjf-tech.cn/vitepress/
示例站點:https://www.lovebetterworld.com/
什么是 VitePress?
VitePress 是 VuePress 的小弟弟,在 Vite 上構建的。
15.1 特點
- 幾乎實時的服務啟動
- 根據需要編譯頁面
- 非常輕量快速的 HMR(熱模塊重載)