10分鐘快速搭建個人博客

能夠擁有自己的個人博客,是件非常值得驕傲的事情。通過寫作,記錄自己的學習歷程,梳理并總結,然后形成自己的經驗分享。

如果作者能夠有高質量的作品持續(xù)輸出,文章通俗易懂,圖文并茂,一定會得到業(yè)內人士的認可,同時也會能吸引不少讀者,所以寫博客是一件非常值得投入時間去做的事情。

Hexo是什么

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown 解析文章,可利用靚麗的主題生成靜態(tài)網頁。

我們可以通過官方提供的命令行工具,一鍵初始化自己的博客網站,通過插件一鍵部署至 github 上。

Markdown 語法特別適合技術寫作,語法很簡單,作者可以專注于寫作,不用關心排版問題。

快速起步

通過官方提供的 hexo-cli 命令行工具,可以快速地初始化 hexo 項目。通過編輯 _config.yml 來配置自己的博客網站,同時在本地啟動web服務時,項目支持熱更新。

下文中所有涉及的 username 都是指的是 github 上用的用戶名,請自行替換

在全局安裝 hexo 命令行工具

npm i -g hexo-cli

用 hexo 命令初始化項目

hexo init username.github.io

進入工作目錄,安裝依賴包

cd username.github.io

安裝項目依賴包

npm install

啟動hexo服務

hexo server

在瀏覽器訪問:localhost:4000

項目一鍵部署

安裝 hexo-deployer-git 插件,結合 github 提供的 github page 功能,我們可以在 github 上部署自己的靜態(tài)博客網站。

npm i --save hexo-deployer-git

在github下新建倉庫:username.github.io

在項目根目錄下的 _config.yml 中配置 deploy 屬性

deploy:
  type: git
  repo: git@github.com:username/username.github.io.git
  branch: master

清除之前的舊文件

hexo clean

執(zhí)行hexo的部署命令

hexo deploy

第三方主題

為了能夠個性化地展示自己的網站,可以通過網上開源的主題,這里我推薦 next 主題,應該是全網排行靠前的 hexo 主題,而且文檔非常完善,因為是國人開發(fā),所以中文的支持也很友好。

用 git 命令下載主題到 themes 目錄下

git clone https://github.com/iissnan/hexo-theme-next themes/next

修改 _config.yml 中的 theme 屬性

theme: next

參考資料

如果這篇文章對您有幫助,記得給作者點個贊,謝謝!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容