摘要:環境下準備工作下載安裝并安裝,默認安裝下載安裝和本地搭建靜態博客新建一個文件夾,如進入該文件夾,右鍵點擊下載安裝生成模板初始化該文件夾進入文件夾進入文件夾訪問本地可以看到博客已經搭建成功將博客與關聯在上創建名為的倉庫,為自己的用戶名。
windows環境下
準備工作
下載安裝node.js并安裝,默認安裝npm
下載安裝git和Git Bash
本地搭建hexo靜態博客
新建一個文件夾,如myBlog
進入該文件夾,右鍵點擊Git Bash Here
下載安裝hexo:npm install hexo-cli -g
生成hexo模板:hexo init blog (初始化該文件夾)
進入blog文件夾:npm install
進入blog文件夾:hexo server(訪問本地localhost:4000可以看到博客已經搭建成功)
將博客與github關聯
在Github上創建名為xxx.github.io的倉庫,xxx為自己github的用戶名。
打開本地的myBlog的blog文件夾內的_config.yml配置文件,將其中的type設置為git
進入blog文件夾運行 npm install hexo-deployer-git --save
hexo generate
hexo deploy
進入xxx.github.io對應的 repo,打開 GitHub Pages 功能,如果已經打開了,就直接點擊預覽鏈接。也可打開瀏覽器,訪問:https://qfstudy.github.io
編輯博客
hexo new 博客標題
編輯source_posts下對應的md文件
hexo generate
hexo deploy
這時打開博客就看到自己新編輯的博客
更新文章
在blog目錄下執行:hexo new “我的第一篇文章”,會在source/_posts文件夾內生成一個.md文件。
編輯該文件(遵循Markdown規則)
修改起始字段
title 文章的標題
date 創建日期 (文件的創建日期 )
updated 修改日期 ( 文件的修改日期)
comments 是否開啟評論 true
tags 標簽
categories 分類
permalink url中的名字(文件名)
編寫正文內容(MakeDown)
hexo clean 刪除本地靜態文件(Public目錄),可不執行。
hexo g 生成本地靜態文件(Public目錄)
hexo deploy 將本地靜態文件推送至github(hexo d)
上傳源代碼
注意(xxx.github.io)上保存的只是你的博客,并沒有保存生成博客的程序代碼,你需要再創建一個名為 blog-generator(可以隨意命名) 的空倉庫,用來保存 myBlog 里面的生成博客的程序代碼。
以后每次 hexo deploy 完之后,博客就會更新;然后你還要要 git add /git commit /git push 一下上傳生成博客的程序代碼,以防萬一。
更換主題
進入Hexo的官網主題專欄
github:https://github.com/hexojs/hex...
復制它的 SSH 地址或 HTTPS 地址,假設地址為 git@github.com:iissnan/hexo-theme-next.git
cd themes
git clone git@github.com:iissnan/hexo-theme-next.git
cd ..
將 _config.yml 的第 75 行改為 theme: hexo-theme-next,保存
hexo generate
hexo deploy
等一分鐘,然后刷新你的博客頁面,你會看到一個新的外觀。如果不喜歡這個主題,就回到第 1 步,重選一個主題。
next主題配置
更改社交鏈接,在主題文件夾的_config.yml中修改
參考
https://github.com/limedroid/...
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/94269.html
摘要:搭建個人博客二更改博客主題上傳源代碼本文簡單介紹搭建博客。本文主要目的是對學習內容進行總結以及方便日后查閱。以后每次部署完一篇新的博文后,博客就會更新然后你還要要一下生成博客的程序代碼,以防萬一。 Hexo+GitHub 搭建個人博客(二):更改博客主題、上傳源代碼 showImg(https://segmentfault.com/img/bV5VBL?w=800&h=400); ...
摘要:設置什么是本用于介紹托管在的項目,不過,由于他的空間免費穩定,用來做搭建一個博客再好不過了。你可以通過來訪問你的個人主頁。執行過程中可能需要讓你輸入賬戶的用戶名及密碼,按照提示操作即可。推薦使用騰訊公益。 系統環境配置 要使用Hexo,需要在你的系統中支持Nodejs以及Git,如果還沒有,那就開始安裝吧! 安裝Node.js 下載Node.js參考地址:安裝Node.js 安裝Git...
摘要:如果實在不會安裝可以去網上找教程。打開,跳轉到剛剛創建的文件夾位置,運行命令然后會在你的文件夾中搭建好了環境配置配置修改一些你的博客名字描述作者等?;谖业膫€人經驗,建議都開啟開啟標簽頁命令,在博客目錄添加元數據開啟分類頁命令,在博 Windows環境下Git安裝、配置SSH key、安裝node.js npm、安裝Hexo及配置、發布博客 前言 使用github pages服務搭建博客的...
摘要:前一陣子一直在想怎么搗鼓出自己的博客來,直到發現了是什么是一個開源的靜態博客生成器用開發作者是臺灣大學生同樣是大學生,我和他的差距怎么這么大她是一個快速簡潔且高效的博客框架。本人用的主題是然后對其進行定制,簡直不能再棒。 前一陣子一直在想怎么搗鼓出自己的博客來,直到發現了hexo hexo是什么 Hexo是一個開源的靜態博客生成器,用node.js開發,作者是臺灣大學生tommy351...
閱讀 1259·2021-10-11 10:57
閱讀 2045·2021-09-02 15:15
閱讀 1607·2019-08-30 15:56
閱讀 1195·2019-08-30 15:55
閱讀 1157·2019-08-30 15:44
閱讀 977·2019-08-29 12:20
閱讀 1321·2019-08-29 11:12
閱讀 1066·2019-08-28 18:29