這是我的個人部落格效果：https://little-hao.github.io/編輯文字推薦使用notepad++來自廖雪峰老師的Git教程千萬不要使用Windows自帶的記事本編輯任何文字檔案。原因是Microsoft開發記事本的團隊使用了一個非常弱智的行為來儲存UTF-8編碼的檔案，他們自作聰明地在每個檔案開頭添加了0xefbbbf（十六進位制）的字元，你會遇到很多不可思議的問題，比如，網頁第一行可能會顯示一個“?”，明明正確的程式一編譯就報語法錯誤，等等，都是由記事本的弱智行為帶來的。建議你下載Notepad++代替記事本，不但功能強大，而且免費！記得把Notepad++的預設編碼設定為UTF-8 without BOM即可搭建步驟：GitHub建立個人倉庫安裝Git安裝Node.js安裝Hexo配置檔案關聯Github和Hexo繫結域名更換主題釋出文章個性化設定借鑑文章在Github建立個人倉庫登陸到gitthub， 新建一個倉庫（new repository），倉庫名為"使用者名稱.github.io" ，使用者名稱為你的github賬號名稱。圖為個人倉庫只允許每個人有一個以"使用者名稱.github.io"命名的倉庫，例如，我的使用者是little-hao, 那麼我的唯一對應主頁應該是little-hao.github.io。這樣地址能ping通，在後面繫結域名的時候才不會出問題。安裝GitGit是開源的分散式版本控制系統，我們網站在本地部署搭建好用Git同步到Github上去。Git教程：廖雪峰Git教程Git下載：Git官網下載下載安裝後，在命令列輸入git測試安裝成功測試git安裝是否成功在選單搜尋Git Bash或者右鍵圖示開啟git，將你的github賬戶和git繫結，接下來設定name和email配置資訊：git config --global user.name "github 使用者名稱" git config --global user.email "github 郵箱"生成ssh金鑰檔案：ssh-keygen -t rsa -C "github 郵箱"然後預設設定直接回車，不需要設定密碼，在你的電腦內找到.ssh資料夾的id_rsa.pub金鑰，將裡面內容複製進github_setting_keys頁面新建的new SSH key，.ssh資料夾位置：這臺電腦>系統(C:)>使用者>usernameTitle為標題，可任意填寫，將id貼上到key，點選 Add SSh key在git bash檢測github公鑰設定是否成功，輸入 ssh [email protected]檢測github公鑰設定是否成功如上則說明成功，透過非堆成加密的公鑰與私鑰來完成加密，公鑰放在GitHub上，私鑰放在自己電腦上，Github每次推送程式碼時都需要輸入賬號密碼來驗證推送使用者是否為合法使用者。採用ssh可以省去輸入密碼的步驟。安裝node.jsHexo是一個快速、簡潔且高效的靜態站點生成框架，它基於node.jsnode.js下載地址：下載TLS版本node.js安裝包包括環境變數及npm的安裝，安裝完成之後檢測node.js和npm是否檢測node.js是否檢測安裝Hexo有了node.js ,我們可以直接使用npm 安裝Hexo，為專案先建立一個指定資料夾（某盤目錄下建立一個資料夾blog，進入資料夾中，按住shift鍵，右鍵滑鼠點選竟如命令列，使用npm命令安裝Hexo。新建完成後，指定資料夾目錄有：node_modules: 依賴包 public: 存放生成的頁面 scaffolds: 生成文章的一些模板 source: 用來存放你的文章 themes: 主題 config.yml: 部落格的配置檔案新建資料夾blog$ npm install -g hexo-cli安裝時間較長（100s左右），安裝完成後，初始化部落格hexo init blog檢測網站是否配置完成hexo g #生成 hexo s #展示開啟瀏覽器輸入地址 localhost:4000 ,可以看到我們的部落格已經初步配置完成了。介紹一下常用的Hexo命令hexo n "文章標題" == hexo new "文章標題" #新建文章 hexo g == hexo generate #生成 hexo s == hexo server #啟動服務預覽 hexo d == hexo deploy #部署 hexo server #Hexo會監視檔案變動並自動更新 hexo server -s #靜態模式 hexo server -p 5000 #更改埠 hexo server -i 192.168.1.1 #自定義 IP hexo clean #清除快取配置檔案關聯Github和Hexo上一步操作可以使部落格在本地預覽，現在我們將檔案上傳到github，變成可以直接用域名訪問的部落格。開啟剛剛新建的blog檔案，找到_config.yml檔案（站點配置檔案），翻到最後修改為：deploy: type: git repo: 這裡填入你之前在GitHub上建立倉庫的完整路徑 branch: master箭頭所示為完整路徑儲存配置檔案。緊接著在Git bash內安裝Git部署外掛，並部署網站npm install hexo-deployer-git --save hexo clean hexo g hexo d完成後，開啟瀏覽器輸入個人網站的倉庫路徑，即 使用者名稱.github.io ,你的部落格已經可以在網路上被訪問了。繫結域名在Internet上可以訪問我們的網站，可以繫結我們自己的域名，我這裡用的是騰訊雲，進入管理控制檯的域名列表，進入解析頁面管理控制檯的域名域名解析頁面第一條： 主機記錄:www 記錄型別:CNAME 記錄值:little-hao.github.io 第二條： 主機記錄:@ 記錄型別:A 記錄值:github.io域名ping示意接下來在Github裡的setting-custom domain繫結域名在本地blog資料夾，進入source目錄下，建立一個記事本檔案，輸入你的域名即可。如果帶有"www."，以後訪問時候得帶有www完整的域名才可以訪問 如果不帶有"www."，以後訪問的時候帶不帶www都可以訪問 儲存文字，注意檔案格式，命名為CNAME，注意儲存為所有檔案完成進入blog目錄中，按住shift鍵右擊開啟命令列，依次輸入hexo clean hexo g hexo d開啟瀏覽器在位址列輸入域名將會直接進入自己搭建的網站更換主題如果你不喜歡Hexo預設的landscape主題，更換不同的主題Hexo主題推薦：https://hexo.io/themes/這裡我用的主題是：閃爍之狐：https://blinkfox.github.io/#indexCard更換主題：將(blinkfox)主題下載到blog目錄的themes主題下的matery資料夾，開啟blog目錄下的_config.yml檔案，修改theme這行部署完成後，hexo g、hexo s，本地預覽下效果在hexo d同步上傳到github庫。釋出文章釋出第一篇部落格文章，在命令列輸入：hexo n "first blog"這時bolg目錄下的source資料夾中的_post資料夾中多了一個first-blog.md檔案編輯文字，就可以開始釋出你的個人部落格，也可以透過命令hexo s -d在本地預覽效果在生成部署網頁。好了，個人部落格到這裡就搭建完成了！
這是我的個人部落格效果：https://little-hao.github.io/編輯文字推薦使用notepad++來自廖雪峰老師的Git教程千萬不要使用Windows自帶的記事本編輯任何文字檔案。原因是Microsoft開發記事本的團隊使用了一個非常弱智的行為來儲存UTF-8編碼的檔案，他們自作聰明地在每個檔案開頭添加了0xefbbbf（十六進位制）的字元，你會遇到很多不可思議的問題，比如，網頁第一行可能會顯示一個“?”，明明正確的程式一編譯就報語法錯誤，等等，都是由記事本的弱智行為帶來的。建議你下載Notepad++代替記事本，不但功能強大，而且免費！記得把Notepad++的預設編碼設定為UTF-8 without BOM即可搭建步驟：GitHub建立個人倉庫安裝Git安裝Node.js安裝Hexo配置檔案關聯Github和Hexo繫結域名更換主題釋出文章個性化設定借鑑文章在Github建立個人倉庫登陸到gitthub， 新建一個倉庫（new repository），倉庫名為"使用者名稱.github.io" ，使用者名稱為你的github賬號名稱。圖為個人倉庫只允許每個人有一個以"使用者名稱.github.io"命名的倉庫，例如，我的使用者是little-hao, 那麼我的唯一對應主頁應該是little-hao.github.io。這樣地址能ping通，在後面繫結域名的時候才不會出問題。安裝GitGit是開源的分散式版本控制系統，我們網站在本地部署搭建好用Git同步到Github上去。Git教程：廖雪峰Git教程Git下載：Git官網下載下載安裝後，在命令列輸入git測試安裝成功測試git安裝是否成功在選單搜尋Git Bash或者右鍵圖示開啟git，將你的github賬戶和git繫結，接下來設定name和email配置資訊：git config --global user.name "github 使用者名稱" git config --global user.email "github 郵箱"生成ssh金鑰檔案：ssh-keygen -t rsa -C "github 郵箱"然後預設設定直接回車，不需要設定密碼，在你的電腦內找到.ssh資料夾的id_rsa.pub金鑰，將裡面內容複製進github_setting_keys頁面新建的new SSH key，.ssh資料夾位置：這臺電腦>系統(C:)>使用者>usernameTitle為標題，可任意填寫，將id貼上到key，點選 Add SSh key在git bash檢測github公鑰設定是否成功，輸入 ssh [email protected]檢測github公鑰設定是否成功如上則說明成功，透過非堆成加密的公鑰與私鑰來完成加密，公鑰放在GitHub上，私鑰放在自己電腦上，Github每次推送程式碼時都需要輸入賬號密碼來驗證推送使用者是否為合法使用者。採用ssh可以省去輸入密碼的步驟。安裝node.jsHexo是一個快速、簡潔且高效的靜態站點生成框架，它基於node.jsnode.js下載地址：下載TLS版本node.js安裝包包括環境變數及npm的安裝，安裝完成之後檢測node.js和npm是否檢測node.js是否檢測安裝Hexo有了node.js ,我們可以直接使用npm 安裝Hexo，為專案先建立一個指定資料夾（某盤目錄下建立一個資料夾blog，進入資料夾中，按住shift鍵，右鍵滑鼠點選竟如命令列，使用npm命令安裝Hexo。新建完成後，指定資料夾目錄有：node_modules: 依賴包 public: 存放生成的頁面 scaffolds: 生成文章的一些模板 source: 用來存放你的文章 themes: 主題 config.yml: 部落格的配置檔案新建資料夾blog$ npm install -g hexo-cli安裝時間較長（100s左右），安裝完成後，初始化部落格hexo init blog檢測網站是否配置完成hexo g #生成 hexo s #展示開啟瀏覽器輸入地址 localhost:4000 ,可以看到我們的部落格已經初步配置完成了。介紹一下常用的Hexo命令hexo n "文章標題" == hexo new "文章標題" #新建文章 hexo g == hexo generate #生成 hexo s == hexo server #啟動服務預覽 hexo d == hexo deploy #部署 hexo server #Hexo會監視檔案變動並自動更新 hexo server -s #靜態模式 hexo server -p 5000 #更改埠 hexo server -i 192.168.1.1 #自定義 IP hexo clean #清除快取配置檔案關聯Github和Hexo上一步操作可以使部落格在本地預覽，現在我們將檔案上傳到github，變成可以直接用域名訪問的部落格。開啟剛剛新建的blog檔案，找到_config.yml檔案（站點配置檔案），翻到最後修改為：deploy: type: git repo: 這裡填入你之前在GitHub上建立倉庫的完整路徑 branch: master箭頭所示為完整路徑儲存配置檔案。緊接著在Git bash內安裝Git部署外掛，並部署網站npm install hexo-deployer-git --save hexo clean hexo g hexo d完成後，開啟瀏覽器輸入個人網站的倉庫路徑，即 使用者名稱.github.io ,你的部落格已經可以在網路上被訪問了。繫結域名在Internet上可以訪問我們的網站，可以繫結我們自己的域名，我這裡用的是騰訊雲，進入管理控制檯的域名列表，進入解析頁面管理控制檯的域名域名解析頁面第一條： 主機記錄:www 記錄型別:CNAME 記錄值:little-hao.github.io 第二條： 主機記錄:@ 記錄型別:A 記錄值:github.io域名ping示意接下來在Github裡的setting-custom domain繫結域名在本地blog資料夾，進入source目錄下，建立一個記事本檔案，輸入你的域名即可。如果帶有"www."，以後訪問時候得帶有www完整的域名才可以訪問 如果不帶有"www."，以後訪問的時候帶不帶www都可以訪問 儲存文字，注意檔案格式，命名為CNAME，注意儲存為所有檔案完成進入blog目錄中，按住shift鍵右擊開啟命令列，依次輸入hexo clean hexo g hexo d開啟瀏覽器在位址列輸入域名將會直接進入自己搭建的網站更換主題如果你不喜歡Hexo預設的landscape主題，更換不同的主題Hexo主題推薦：https://hexo.io/themes/這裡我用的主題是：閃爍之狐：https://blinkfox.github.io/#indexCard更換主題：將(blinkfox)主題下載到blog目錄的themes主題下的matery資料夾，開啟blog目錄下的_config.yml檔案，修改theme這行部署完成後，hexo g、hexo s，本地預覽下效果在hexo d同步上傳到github庫。釋出文章釋出第一篇部落格文章，在命令列輸入：hexo n "first blog"這時bolg目錄下的source資料夾中的_post資料夾中多了一個first-blog.md檔案編輯文字，就可以開始釋出你的個人部落格，也可以透過命令hexo s -d在本地預覽效果在生成部署網頁。好了，個人部落格到這裡就搭建完成了！