基於gitHub+hexo搭建的個人博客

来源:http://www.cnblogs.com/wind-lanyan/archive/2017/11/13/7826581.html
-Advertisement-
Play Games

文章導航 前期準備 安裝hexo 修改hexo主題 自定義主題 部署本地文件到github查看 我的第一篇博客 前期準備 下載安裝git命令行工具、node及npm環境 註冊自己的GitHub賬號 安裝hexo 在任意位置右鍵–>git bash(以下命令都在gitBash中執行) 輸入如下命令 自 ...


文章導航

  • 前期準備
  • 安裝hexo
  • 修改hexo主題
  • 自定義主題
  • 部署本地文件到github查看
  • 我的第一篇博客

前期準備

安裝hexo

在任意位置右鍵–>git bash(以下命令都在gitBash中執行) 輸入如下命令

npm install -g hexo

自定義文件夾(比如E:\hexo),在文件夾中右鍵–>git bash,該操作會將hexo安裝到你指定的路徑

hexo init

安裝依賴包

npm install

在本地查看是否安裝成功

hexo g
hexo s

輸入完以上命令打開瀏覽器輸入網址localhost:4000查看,運行顯示了相關頁面說明成功。當前網站建立在本地。

 

 

修改hexo主題

清除舊文件部署hexo並提交,以後的每次上傳提交都是這幾行命令

hexo clean
hexo g
hexo d

克隆主題 

將hexo改成自己喜歡的主題,hexo主題有很多,以下以yilia為例。

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

配置

修改hexo根目錄下的 _config.yml : theme: yilia

更新主題

cd themes/yilia
git pull
cd ../../

上傳

hexo clean
hexo g
hexo d

查看

hexo g
hexo s

輸入完以上命令打開瀏覽器輸入網址localhost:4000查看,若主題改變了則成功

 

自定義主題細節

修改hexo根目錄下的_config.yml文件

title: 你想要的博客標題
author: 你的昵稱

修改hexo\themes\yilia目錄下的_config.yml文件

avatar: 你的圖片鏈接

保存設置

hexo clean
hexo g
hexo d

打開本地查看

hexo g
hexo s

 

部署本地文件到github查看

進入github頁面點擊右上方+按鈕創建項目 New repository

 

創建名稱

在Repository name中填入你想要的名稱(建議youname與github名稱相同)

Repository name = youname + .github.io
這以後會是你博客的功能變數名稱
以後訪問https://youname.github.io就可以訪問你的博客

註意:創建項目名稱一定要是名字加尾碼形式:youname.github.io(我在這就被坑過…)

本地部署

部署Github前需要配置_config.yml文件(在部署之前確保git倉庫與本地通過ssh連通)

deploy:
type: git
repository: [email protected]:youID/youname.github.io.git
branch: master

註意:屬性的冒號和值之間一定要有一個空格(type:空格github)
鏈接中的youID是你github的名稱,youname.github.io是你創建的項目名稱

提交

hexo g
hexo d

如果提示:ERROR Deployer not found: git
執行以下以下命令:npm install hexo-deployer-git –save

npm install hexo-deployer-git --save

並提交

hexo g
hexo d

現在就是見證奇跡的時刻…
打開瀏覽器輸入網址:https://youname.github.io就可以看見你的博客了

 

可以看看我的博客

 

完善目錄

不要慌,雖然現在可以看見博客在網站上,但是還有一個小地方需要完善
打開git bash 輸入

npm i hexo-generator-json-content --save
hexo g
hexo d

我的第一篇博客

博客以MarkDown語言書寫

編輯文章

文章以.md尾碼結尾,放在hexo\source_posts文件夾下

提交

hexo g
hexo d

刷新自己的頁面就可以看到了

 

  • 小提示:以後修改博客或者新填文章後先用hexo g hexo s命令打開localhost:4000看看預覽效果再選擇是否用hexo g hexo d命令上傳github,因為每次上傳都是傳一整個文件,所以減少上傳次數
  • 以下是上文使用到的命令的簡寫
hexo g == hexo generate
hexo d == hexo deploy
hexo s == hexo server
hexo n == hexo new

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • input輸入的時候可以在後邊顯示數字放大鏡 效果圖 ...
  • 轉自:http://blog.csdn.net/sinat_17775997/article/details/54710420 註意:vue-router 2只適用於Vue2.x版本,下麵我們是基於vue2.0講的如何使用vue-router 2實現路由功能。推薦使用npm安裝。 一、使用路由在ma ...
  • 最近查看了vuejs template的源碼,並仿照源碼寫了一個小型 時的腳手架,但是中途也遇到了一些問題,記錄一下 首先說一下vue cli裡面用到的npm包以及它的作用(全部可以在 "https://www.npmjs.com/package/package" 查詢到): opn 強制打開瀏覽器 ...
  • 一、JQuery相關知識介紹 1.1什麼是JQuery? 之前筆者總結了部分相關JavaScript的知識點,那麼JQuery是什麼呢?關於他的介紹我們使用百度百科上面的部分截圖: JQuery它是javascript的一個輕量級框架,對javascript進行封裝,它提供了很多方便的選擇器。供你快 ...
  • 最近在學習vue.js。瞭解1.x的基礎上再學習2.x的vue。兩個版本的確是不會像angular這樣1.x和2.x相差甚遠。所以學習起來其實還是有很大的關聯。但是,終歸來說。兩者還是有語法上的細微差別的。但是對於此處講的$nextTick()函數來說,兩者並沒有什麼區別。前兩天瞟到了一眼這個 $n ...
  • 表格 內添加斑馬線形式的條紋 ( IE8 不支持) ----.table-bordered 為所有表格的單元格添加邊框 ----.table-hover 指針懸停在行上時會出現淺灰色背景 ----.table-condensed 讓表格更加緊湊 --> 用來標識表格的主題,即首行各列的標題 ----... ...
  • React介紹: React是一個庫而不是一個MVC框架,因為React只負責解決MVC框架中V(View)層面的問題,React致力於創建可重用的UI組件。(React is a library for building composable user interfaces. It encoura ...
  • 用angular寫手機頁面,有時候會發現input輸入框點擊了卻不能輸入,或者長按才能輸入,可能是因為input綁定了ng-click導致,可去掉ng-click,將ng-click綁定的方法改用ng-focus就好了 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...