用網(wǎng)站做CAN總線通信好嗎上海網(wǎng)絡(luò)seo優(yōu)化公司
文章目錄
- 一.準(zhǔn)備工作
- 1.安裝git
- 2.安裝node
- 安裝 cnpm
- 3.使用 GitHub 創(chuàng)建倉庫，并配置 GitHub Pages
- 0.Github Pages是什么
- 1. 在 GitHub 上創(chuàng)建一個新倉庫
- 2. 創(chuàng)建您的靜態(tài)網(wǎng)站
- 3. 啟用 GitHub Pages
- 4. 等待構(gòu)建完成
- 5. 訪問您的網(wǎng)站
- 二. Hexo
- 1.什么是Hexo
- 2.安裝Hexo
- 1. 安裝前提
- 2.使用npm安裝hexo-cli
- 3.新建存儲博客的文件夾，初始化hexo
- 4.進(jìn)入hexo項目文件夾，安裝npm**
- 5. 本地啟動hexo項目
- 6.將hexo博客站點部署到github上
- 7. 推送hexo項目到github
- hexo clean && hexo deploy 推送報錯解決
- 3.Hexo常用命令
- 4.更換theme主題
- 1. 找到喜歡的主題
- 2.clone主題，或者將主題下載到本地解壓
- 3. 將主題解壓后放到Hexo項目的`themes文件夾`下面
- 4. 打開`_config.yml`配置文件，找到`theme:xxx`替換成你克隆下來的文件名
- 5. 重新編譯，并本地啟動hexoo該hero項目
- 6. 本地ok后上傳到github等待審核通過
- 三.配置指南
- 1._config.yml中設(shè)置網(wǎng)站信息
- 2.配置分類、標(biāo)簽
- 2.1.創(chuàng)建分類選項
- 2.2. 創(chuàng)建標(biāo)簽選項
- 2.3.打開你要部署的md文件
- 3.hexo報錯解決方案
一.準(zhǔn)備工作
1.安裝git
git下載地址：https://git-scm.com/downloads
- git安裝完成后命令行執(zhí)行
git -v有返回表示安裝完成
2.安裝node
Hexo 基于 NodeJS 運行，因此在開始前，需要安裝NodeJS 和npm工具
-
Node.js (Node.js 版本需不低于 10.13，建議使用
Node.js 12.0 及以上版本)- 新版的
Node都是內(nèi)置安裝了 npm 模塊
- 新版的
-
git安裝完成后命令行執(zhí)行
node -v npm -v有返回表示安裝完成
-
如果執(zhí)行 node -v 報錯的話，
手動將 Node.js 的安裝路徑添加到環(huán)境變量中。
安裝 cnpm
如果npm很慢，可以配置taobao的鏡像：
npm install -g cnpm --registry=https://registry.npm.taobao.org
配置后，使用 cnpm 代替 npm 命令即可。
3.使用 GitHub 創(chuàng)建倉庫，并配置 GitHub Pages
0.Github Pages是什么
- Github Pages 是一個免費的靜態(tài)網(wǎng)頁托管服務(wù)，可以
托管博客、項目官網(wǎng)等靜態(tài)網(wǎng)頁。目前 Gitee Pages 支持Jekyll、Hugo、Hexo編譯靜態(tài)資源。-
編譯 Hexo 依據(jù)：
倉庫編譯目錄下存在package.json、_config.yml文件和scaffolds目錄時，會使用hexo generate生成靜態(tài)文件。由于每次部署需要重新克隆代碼、執(zhí)行 npm install 以及編譯，部署時間相對于 Hugo 和 Jekyll 會長一些。 -
編譯 Hugo 依據(jù)：倉庫編譯目錄下存在
config.toml|json|yaml文件和content目錄時，會使用hugo生成靜態(tài)文件。 -
當(dāng)不符合上述 1 和 2 條件的時候，就使用 Jekyll 編譯。
-
2.使用前須知
-
- 倉庫必須有 index.html 才可以正常訪問
-
- 靜態(tài)網(wǎng)頁的樣式可以自己寫，也可以拿一些
靜態(tài)模版來修改，Pages服務(wù)本身不提供任何形式的模版
- 靜態(tài)網(wǎng)頁的樣式可以自己寫，也可以拿一些
3.Pages 進(jìn)階，使用 Jekyll、Hugo、Hexo 生成自己的靜態(tài)網(wǎng)頁
-
Jekyll、Hugo、Hexo 究竟是什么？
- Jekyll 使用文檔：https://www.jekyll.com.cn/docs/home/
- Hugo 使用文檔：https://gohugo.io/documentation/
- Hexo 使用文檔：https://hexo.io/docs/
1. 在 GitHub 上創(chuàng)建一個新倉庫
登錄到您的 GitHub 賬戶（沒有就注冊一個吧，開始你的GitHub之旅）
-
在頁面右上角，點擊頁面頂部的
“+”（加號）按鈕，然后選擇“New repository”（新建倉庫） -
github倉庫用于存放個人博客頁面，倉庫名必須使用
<GitHub用戶名>.github.io格式。 -
填寫一個簡短的描述，選擇是否要將倉庫設(shè)置為
公共或私有
-
勾選 “
Initialize this repository with a README” 選項，這將創(chuàng)建一個初始的README文件
2. 創(chuàng)建您的靜態(tài)網(wǎng)站
- 創(chuàng)建倉庫完成后，
必須在倉庫根路徑下創(chuàng)建一個名為index.html的來驗證個人博客搭建是否成功。
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>怎么回事</title></head><body><h1>您好</h1>
3. 啟用 GitHub Pages
- 進(jìn)入倉庫的
Settings（設(shè)置）選項卡 - 在左側(cè)導(dǎo)航欄中，選擇 “
Pages” - 在 “
Source” 部分，選擇您希望用于 GitHub Pages 的分支（通常是main 或 gh-pages） - 點擊 “
Save”
4. 等待構(gòu)建完成
構(gòu)建完成后， 在<GitHub用戶名>.github.io倉庫對應(yīng)的 GitHub Pages 設(shè)置頁面 (訪問路徑為Settings -> Pages) 可以找到個人博客的主頁訪問地址：https://<GitHub-username>.github.io/<repository-name>
- 其中 GitHub-username 是您的
GitHub 用戶名，repository-name是您的倉庫名稱。- 由于我的倉庫名叫
ouyangll.github.io，自帶.github.io所以生成的個人博客訪問地址為https://ouyangll.github.io/
- 由于我的倉庫名叫
5. 訪問您的網(wǎng)站
- 等待幾分鐘后，若能在瀏覽器中正常訪問該地址，即代表個人 GitHub Pages 搭建成功。
二. Hexo
1.什么是Hexo
Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown（或其他標(biāo)記語言）解析文章，在幾秒內(nèi)，即可利用靚麗的主題生成靜態(tài)網(wǎng)頁。
- 官方教程:https://hexo.io/zh-cn/docs/
2.安裝Hexo
1. 安裝前提
- Node.js (Node.js 版本需不低于 10.13，建議使用 Node.js 12.0 及以上版本)
- Git
2.使用npm安裝hexo-cli
npm install -g hexo-cli 或者
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install -g hexo-cli
- 安裝完成可輸入hexo -v查看版本
3.新建存儲博客的文件夾，初始化hexo
mkdir github_blog
hexo init github_blog
4.進(jìn)入hexo項目文件夾，安裝npm**
cd github_blognpm install
5. 本地啟動hexo項目
hexo server
訪問http://localhost:4000/ 至此hero就搭建好了?？梢栽诒镜卦L問了
6.將hexo博客站點部署到github上
- npm安裝hexo的上傳插件deploy-git
npm install hexo-deployer-git --save
- 修改hexo配置文件
_config.yml指定倉庫路徑
deploy:type: gitrepo: https://<github_token>@github.com/ouyangll/ouyangll.github.io.gitbranch: main
7. 推送hexo項目到github
hexo clean && hexo deploy
推送中會要求輸入github的用戶名和密碼，
GitHub 從 2021 年 8 月 13 日起不再支持通過密碼進(jìn)行認(rèn)證。因此，使用電子郵件和密碼的方式克隆或推送代碼到 GitHub 倉庫將會失敗。
hexo clean && hexo deploy 推送報錯解決
-
GitHub 從 2021 年 8 月 13 日起不再支持通過密碼進(jìn)行認(rèn)證。因此，使用電子郵件和密碼的方式克隆或推送代碼到 GitHub 倉庫將會失敗。
-
推薦使用個人訪問令牌（
Personal Access Token, PAT）或 SSH 密鑰進(jìn)行認(rèn)證。你可以前往 GitHub 的設(shè)置頁面，生成一個 PAT，并在 Git 命令中使用它來代替密碼- 請查看 https://docs.github.com/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls 以獲取當(dāng)前推薦的認(rèn)證模式信息。
-
致命錯誤：出現(xiàn)問題。也許您可以在這里找到解決方案：https://hexo.io/docs/troubleshooting.html
-
在github頁面的右上角，單擊您的個人資料照片，然后單擊 Settings（設(shè)置）
-
在左側(cè)邊欄中，單擊
Developer settings
-
在左側(cè)邊欄中，單擊
Personal access tokens（個人訪問Tokens）然后點擊Generate new token（生成新Tokens）
-
設(shè)置token名稱，過期日期，以及權(quán)限。
-
點擊生成
-
記得將生成的token復(fù)制并且存儲下來，因為
安全原因當(dāng)您離開該頁面之后，token將不再顯示。
你在github上的原始url： https://github.com/<github-username>/<repo-name>.git而你現(xiàn)在需要clone的則是：https://<your_token>@github.com/<github-username>/<repo-name>.giy
也可以在密碼登錄時使用token作為密碼進(jìn)行登錄認(rèn)證
上傳成功
3.Hexo常用命令
-
hexo init： 命令用于初始化一個本地文件夾為網(wǎng)站的根目錄
-
hexo new
<title >新建一篇文章 -
hexo clean 命令用于清理緩存文件
-
hexo generate：該命令用于生成靜態(tài)文件，可以簡寫成
hexo g
-
hexo deploy 命令用于部署網(wǎng)站，上傳文件到git/gitee 可以簡寫成
hexo d -
hexo server 命令用于啟動本地服務(wù)器，可以簡寫成
hexo s- -p 選項，指定服務(wù)器端口，默認(rèn)為 4000
- -i 選項，指定服務(wù)器 IP 地址，默認(rèn)為 0.0.0.0
- -s 選項，靜態(tài)模式 ，僅提供 public 文件夾中的文件并禁用文件監(jiān)視
-
hexo --safe 表示安全模式，用于禁用加載插件和腳本
-
hexo --debug 表示調(diào)試模式，用于將消息詳細(xì)記錄到終端和 debug.log 文件
4.更換theme主題
1. 找到喜歡的主題
hexo主題地址：Themes | Hexo
2.clone主題，或者將主題下載到本地解壓
https://github.com/zhangolve/hexo-theme-olive
3. 將主題解壓后放到Hexo項目的themes文件夾下面
4. 打開_config.yml配置文件，找到theme:xxx替換成你克隆下來的文件名
5. 重新編譯，并本地啟動hexoo該hero項目
cd github_blog 進(jìn)入hexo項目
hexo generate 生成靜態(tài)文章
hexo server 本地啟動
http://localhost:4000/
6. 本地ok后上傳到github等待審核通過
hexo clean && hexo deploy 清理緩存上傳github
三.配置指南
1._config.yml中設(shè)置網(wǎng)站信息
2.配置分類、標(biāo)簽
2.1.創(chuàng)建分類選項
-
hexo默認(rèn)是按時間（年月日）分類，如果自定義分類：
hexo new page categories -
生成文件在
...\source\categories\index.md
-
編輯創(chuàng)建分類生成的
...\source\categories\index.md文件，加入 categories ：--- title: 分類 date: 2024-05-10 14:37:47 type: "categories" ---
2.2. 創(chuàng)建標(biāo)簽選項
-
默認(rèn)是沒有標(biāo)簽的，生成標(biāo)簽：
hexo new page tags -
生成文件
...\source\tags\index.md
-
打開
...\source\tags\index.md文件，加入 tags：--- title: 標(biāo)簽 date: 2024-05-10 14:37:47 type: "tags" ---
2.3.打開你要部署的md文件
部署到服務(wù)器的文章統(tǒng)一在放在source/_posts目錄下的
打開文章，在頭部聲明分類和標(biāo)簽
---
title: 安裝Nodejs、Git、Npm教程
date: 2024-05-10 14:52:57
categories:
- web前端
- 環(huán)境安裝
tags:
- Nodejs
- Git
- Npm
---
- 分類 只能有一個，如果有多個默認(rèn)取第一個；標(biāo)簽可以有多個
編譯并上傳
hexo g && hexo d
等待審核查看網(wǎng)站是否生效
要添加更多的歸檔或者自定義分類，參考：https://www.jianshu.com/p/ebbbc8edcc24
3.hexo報錯解決方案
hexo d命令報錯 ERROR Deployer not found: git
解決npm ERR! code CERT_HAS_EXPIRED npm ERR! errno CERT_HAS_EXPIRED npm ERR! request to
搭建Hexo博客中遇到的那些“坑”
Hexo 好看的主題推薦