快速使用 Hexo 搭建個人博客 #001 - Hexo 框架介紹
41 觀看·2024年10月28日
課程講解了目前最常用的博客搭建框架 Hexo 的使用方法以及使用技巧,分享了大量的必備插件、圖床部署以及本地編輯的技巧。同時也分享瞭如何部署博客到 GitHub 的方法。
https://devopen.club/course/hexo
好,我繼續給大家更新Developer OpenCloud站點下面的一個門心的課程
那麼前面的一些課程
我已經給大家發佈到了這個網站裏面去
大家可以去查看一些已經免費放出來的一些課程
好,那麼我們這一節課程主要是講解一下使用Hexel搭建個人的博客
那麼整個的這個Hexel框架
那麼它是發佈了已經很長一段時間了
那麼我也發現越來越多人使用這個框架來做這個個人博客的搭建
因爲它可以生成這種純靜態的站點
那麼你再結合這個GitHub
那就可以不需要去購買一些服務器的東西
你把自己的這個GitHub就可以變成一個寫博客的一個地方
那麼這樣其實和代碼是一樣的
對嗎
你這種經驗或者是一些心得的總結
你把它發佈到GitHub裏面去
那麼同時還可以部署成自己的一個個人的這個站點
那麼還是非常的方便的
那麼我覺得有必要給大家講解一下這個Hexel搭建個人博客
那麼裏面有很多很多的一些技巧分享給大家
當然我自己一直也是在用這個Hexel在做這個個人博客的這個編寫
然後雖然我這個不是發佈到GitHub裏面去
但是我到時候在這個課程裏面也會給大家講如何發佈到這個GitHub裏面去
那麼我使用的是一個非常簡潔的一個主題
這是我的這個博客裏面的一篇文章
那麼基本上這個整個的一些這個比如像代碼的一些這個樣式的這種變更啊
然後還有一些這個樣式的一些後期的一些調整啊
然後還有一些這個標籤語音啊
還有一些這個最新文章啊
標籤啊
還有一些這個下面的一些比如像字數的統計啊
都可以
你看我上面有這個閱讀量的統計
字數的統計啊
都是通過一些這個插件啊
可以進行完成的
那麼當然我最近在一直忙着給大家做這個視頻的一些分享啊
我這個博客更新的不是太多
但是我之前的這種寫博客的頻率還是非常高的
好
那麼我們來看一下這個課程的大綱
給他列出來的這個大綱
我來把它放大一點
好
那麼第一小節
我會對這個Hexel框架做一個簡單的一個介紹
那麼第二小節
我會給大家演示一下這個框架的這個本地的安裝與運行
那麼我會進行這個實際的這種操作
給大家看一下這個整個的過程
那麼第三小節
我會給大家講一下這個框架的一個基本結構
以及打包後的這個文件的一個介紹
那麼我會把這個前期的這個結構和後期的打包後的結構文件夾
給他做一個這個講解
好
那麼第四小節
我給他講一下這個Hexel這個博客主題的一些安裝
以及一些推薦的一些主題
以及如何你去找到一些非常好的一些主題
甚至說你去找到一些國內這個做的比較好的一些主題
如果你這個英文閱讀起來有一點困難的話
你可以找一些中文的主題去安裝
好
那麼第五小節
我給他講一下這個如何去定義你的這個博客的這個結構
那麼我會就是自定義
就如何去做一些這個自定義的一些動作
好
那麼第六小節
我給他講解一下如何開始寫博客文章
以及文章的這個分類與標籤
如何去書寫
那麼同時
我會給他推薦一個比較好的一個編輯器
去寫博客的文章
那麼管理起來非常的方便
那麼第七小節
我給他講解一下
如何讓這個代碼在這個Hexel下面顯示的更加的美觀
那麼如果使用原始的這個
他是沒有一些顏色
這樣的一些功能
那麼如果你想顯示的這個比較好看的話
比如像下面這樣
當你這個代碼非常多
並且是不同語言的時候
比如說你可能又精通JS
又精通C-sharp
或者說精通PHP
或者精通Java
或者精通Angel
IOS的開發
也就是這個
比如像Swift
或者說Object-C
你把這個不同的代碼貼出來
他會對這個代碼不同的代碼進行這個相應的高亮
對嗎
好
這邊會有我給他講解一下
如何讓這個代碼在這個裏面顯示的更加的美觀
那麼第八小節
我給他講一下本地寫作室這個圖牀的這個最佳的解決方案
那麼許多同學反映說
在這個Hexel裏面寫這個圖片比較麻煩
可能要一邊上傳或者說部署
然後再引用
非常的麻煩
但是我這邊會給大家講解一下
如何你比如截了一個圖
然後直接把它貼到這個文章裏面
那麼你一鍵就部署出去了
完全不需要你做任何其他的操作
那麼這邊我會給他講解一下如何去配置這一塊的東西
那麼第九小節
我給他講解一下這個插件的安裝與必備插件的介紹
如何去安裝插件
那麼我也推薦一些非常好的一些插件
比如像你可以統計我的這個文章的閱讀量
然後文章的總字數
或者說其他的一些功能
都是可以通過插件的形式來進行安裝的
那麼第十個
我會給他講解一下如何讓你的博客接入這個評論系統
那麼我會推薦一些國內目前還可以使用的這個博客系統
那麼我們之前知道
有一些好的一個博客系統
有些都停掉了
那麼還是有一些替代的方案
好
第十一小節
我會給他講解一下如何給你的博客添加這個搜索功能
雖然是這個靜態的網站
但是還是可以給他進行這個搜索功能的添加
那麼第十二小節
我給他講解一下多個這個博客的統計的系統的接入方案的分析
那麼我也會推薦一些這個比較好的一些做這個訪客統計的一些這個方案
那麼第十三小節
我給他講解一下
或者我到時候會實際演示一下如何部署這個博客到這個GitHub裏面去
然後會到時候做一個實際的一個操作
第十四小節
我會給大家再分享一些其他的這個資源
那麼以及這個非常好的一些這個學習的資料啊
或者說框架的資料或者插件的資料
我都會把它分享到這個四維導圖裏面去
到時候這個四維導圖
我們在這個課程錄製完了之後
會非常的豐滿
也是讓這個四維導圖變得比較有這個參考的價值
對吧
好
那麼這就是我們這個整個課程的這個框架啊
好
我們來看一下
這是第一小節對吧
我們來看一下這個框架的一個介紹
他的網址就是hexo.io
那麼這個網址就是這樣
給大家變個顏色
那麼我們看一下他的一個基本的介紹啊
上面會有一些文檔
到時候會帶大家過一遍這個裏面的文檔以及這個API
我們會一起看一下里面那些功能
比如像標籤啊
像一些其他的一些安裝啊
插件啊
這樣的一些東西啊
那麼這邊會有一個所有的插件的介紹
我會到時候帶大家做一遍這個過一遍
看裏面有一些好的插件給他做一遍推薦
然後有主題啊
官方的主題和一些其他的主題
我都會給大家做一下這個介紹
他的這個介紹呢
就是啊
或者說這個他的這個slogan
就是一個快速的
簡單的
並且很強大了一個博客的這個框架
對嗎
他會告訴你這樣去進行安裝
到時候安裝
我們會給他做這個詳細的一個演示
但他說有一些特性了
比如說這個構建起來比較快啊
然後markdown
可以用markdown做這個
博客的文章的書寫
並且可以一鍵做這個部署
並且還有很多很多的這個插件
對嗎
很簡單
那麼他的這個介紹就是這樣
還有一些這個花的一些花裏胡哨的一些東西啊
就是非常簡單
他專注於這個寫博客的這個框架
好
那麼這個簡單的介紹啊
就到這邊
那麼我們主要還是專注於下面這個詳細的一些功能方面
或者說這個一些插件啊
或者說一些這個詳細功能的這種演示
我到時候給他做這個詳細的講解
那麼
希望大家多多關注下面的課程的更新啊
那麼有什麼問題還是一樣
我們可以在這個我的這個
.y2f1club這個站點下面可以找到這個我們的這個分享的這個討論的一個小密圈
你用微信掃描二維碼可以加入我們小密圈進行實際的分享
那麼我們所有的課程的更新
然後問題的這種提交以及這個回答都在這個小密圈裏面
好
那麼我們這一集就到這邊
謝謝大家

