色综合久久久久无码专区,免费无码黄动漫在线观看尤物 ,少妇高潮惨叫久久久久久,人善交VIDEOS欧美3D

行業(yè)新聞

為你提供網(wǎng)站建設(shè)制作資訊、網(wǎng)站seo優(yōu)化知識(shí)、網(wǎng)站設(shè)計(jì)開(kāi)發(fā)常見(jiàn)問(wèn)題等。

一小時(shí)搭建完自己的個(gè)人網(wǎng)站

日期：2020-08-06 08:29:05作者：小志瀏覽：

  擁有自己的個(gè)人網(wǎng)站一直是我的一個(gè)目標(biāo)。

  在網(wǎng)上看了很多方法之后我最終選擇了GitHub Pages + Hexo這條技術(shù)路線，原因有兩點(diǎn)：

  • 完全免費(fèi)，學(xué)生黨沒(méi)有多少錢。

  • 比較方便，有現(xiàn)成的框架可用。

  整個(gè)搭建過(guò)程快的話半小時(shí)就可以搞定。

  搭建完成后大概是這樣子的：青羽的博客

1. 準(zhǔn)備環(huán)境

  準(zhǔn)備一個(gè)GitHub賬號(hào)：GitHub

  新建一個(gè)Repositories，Repository name填 你的GitHub用戶名.github.io

一小時(shí)搭建完自己的個(gè)人網(wǎng)站(圖1)

  下載并安裝NodeJS：Node.js

  下載并安裝Git for Windows：Git for Windows

2. 配置Git

  鼠標(biāo)右鍵打開(kāi)Git Bash：

一小時(shí)搭建完自己的個(gè)人網(wǎng)站(圖2)

  輸入命令配置用戶名和郵箱信息：

  git config --global user.name "你的GitHub用戶名"git config --global user.email "你的GitHub注冊(cè)郵箱"

  生成ssh密鑰文件：

  ssh-keygen -t rsa -C "你的GitHub注冊(cè)郵箱"

  默認(rèn)不設(shè)置密碼，直接回車就行。

一小時(shí)搭建完自己的個(gè)人網(wǎng)站(圖3)

  用文本編輯器打開(kāi)生成的id_rsa.pub文件，Crtl+A，Ctrl+C復(fù)制全部?jī)?nèi)容。

  打開(kāi)GitHub的SSH設(shè)置頁(yè)面：SSH and GPG keys

  New SSH key，Title任取，Key粘貼剛剛復(fù)制的字符串，Add SSH key

3. 配置Hexo

  Hexo是一個(gè)博客框架。接下來(lái)，開(kāi)始安裝Hexo。

  選定一個(gè)文件夾作為存放博客文件的目錄，在選定的文件夾內(nèi)右鍵打開(kāi)Git Bash，輸入命令：

  npm install hexo-cli -g

  等待安裝完成后，輸入：

  hexo init blog

  這里的blog是用戶自己取的一個(gè)站點(diǎn)目錄名字。

  初始化完成后進(jìn)入站點(diǎn)目錄并安裝依賴：

  cd blog npm install

  到這一步，本地博客算是搭建好了，測(cè)試一下：

  hexo s

  s是server的縮寫，表示啟動(dòng)本地服務(wù)器。默認(rèn)情況下，訪問(wèn)網(wǎng)址是：http://localhost:4000/

  如果成功的話可以看見(jiàn)官方的默認(rèn)頁(yè)面：

一小時(shí)搭建完自己的個(gè)人網(wǎng)站(圖4)

4. 部署網(wǎng)站

  在站點(diǎn)目錄下可以看到有如下文件：

一小時(shí)搭建完自己的個(gè)人網(wǎng)站(圖5)

  其中_config.yml為站點(diǎn)配置文件，用文本編輯器打開(kāi)，Crtl+F查找 url 字段，修改為：

  url: https://你的GitHub用戶名.github.io/

  再翻到最后找到 deploy 字段，修改為：

  deploy:  type: git  repo: https://github.com/你的GitHub用戶名/你的GitHub用戶名.github.io.git  branch: master

  上面的 repo 字段的值可以直接從GitHub倉(cāng)庫(kù)復(fù)制：

一小時(shí)搭建完自己的個(gè)人網(wǎng)站(圖6)

  部署之前要先安裝Git部署插件，輸入命令（注意：之后的命令均在站點(diǎn)目錄下執(zhí)行）：

  npm install hexo-deployer-git --save

  最后，輸入命令：

  hexo clean hexo g -d

  g是generate的縮寫，表示生成靜態(tài)文件；d是deploy的縮寫，表示部署到網(wǎng)站上。

  打開(kāi)瀏覽器，輸入你的網(wǎng)站地址：https://你的GitHub用戶名.github.io/，就可以看到你的網(wǎng)站已經(jīng)上線了，大功告成！

5. 發(fā)布文章

  在命令行中輸入：

  hexo n "HelloWorld"

  n是new的縮寫，表示新建一篇文章。

  就可以看到在source/_posts目錄下多了一個(gè)HelloWorld.md文件，這就是一篇文章的源文件了。寫完之后生成、部署即可。

  文章使用Markdown寫成，關(guān)于Markdown可參考：Markdown 教程 | 菜鳥教程

  要?jiǎng)h除文章的話，直接把源文件刪除即可（確保至少有一篇文章存在，否則可能出錯(cuò)）。

6. 優(yōu)化網(wǎng)站

1. 更換主題

  Hexo有許多好看的主題，這里以我用的NexT主題為例講解怎樣更換主題：

  1. 下載主題：Releases · theme-next/hexo-theme-next

  2. 解壓所下載的壓縮包至站點(diǎn)的 themes 目錄下，并將解壓后的文件夾名稱（hexo-theme-next-x.x.x）更改為 next

  3. 打開(kāi)站點(diǎn)配置文件_config.yml，找到 theme 字段，并將其值更改為 next ；找到 language 字段，并將其值更改為 zh-CN（在themes/next/languages目錄下可查看主題支持的語(yǔ)言）

  4. 在切換主題之后， 我們最好使用 hexo clean 命令來(lái)清除 Hexo 的緩存

  在更換了主題之后界面美觀了許多，終于可以舒舒服服地寫文章啦~

  但是很不好意思，倘若你的文章里有LaTeX公式或者圖片，你會(huì)發(fā)現(xiàn)顯示不正?！?/p>

  作為一名技術(shù)宅，文章里怎么可能不用公式不用圖片嘛，這兩個(gè)坑必須解決了！

2. 插入LaTeX公式

  更換支持LaTeX公式的Markdown渲染器：

  npm uninstall hexo-renderer-marked npm install hexo-renderer-kramed --save

  打開(kāi)主題配置文件（themes/next/_config.yml），找到 math 字段，修改為：

  math:  enable: true  per_page: false

  至此，LaTeX公式插入問(wèn)題解決！

3. 插入圖片

  首先打開(kāi)站點(diǎn)配置文件_config.yml，找到 post_asset_folder 字段，并將其值更改為 true ，這樣新建文章的同時(shí)Hexo會(huì)自動(dòng)在同目錄下新建一個(gè)以文章名命名的空文件夾以方便存放該文章要用到的資源。

  安裝一個(gè)能上傳本地圖片的插件：

  npm install https://github.com/CodeFalling/hexo-asset-image --save

  假設(shè)在

  +---HelloWorld |   +-- 1.jpg |   +-- 2.jpg |   +-- 3.jpg +---HelloWorld.md

  這樣的目錄結(jié)構(gòu)（目錄名和文章名一致）中，在文章源代碼里只要使用形如 ![](HelloWorld/1.jpg) 這樣的語(yǔ)句就可以插入圖片了~

4. 更多

  關(guān)于Hexo框架的更多信息請(qǐng)參考：Hexo

  關(guān)于NexT主題的更多信息請(qǐng)參考：NexT - Theme for Hexo

  


文章關(guān)鍵詞： 做個(gè)網(wǎng)站多少錢 網(wǎng)站設(shè)計(jì)公司 網(wǎng)站建設(shè)制作 建網(wǎng)站公司 設(shè)計(jì)網(wǎng)頁(yè) 網(wǎng)站建設(shè)企業(yè) 公司網(wǎng)站建設(shè) 外貿(mào)網(wǎng)站建設(shè) 企業(yè)網(wǎng)站制作 深圳網(wǎng)站建設(shè)

分享到
  • 微信好友
  • QQ好友
  • QQ空間
  • 新浪微博
  • 人人網(wǎng)

相關(guān)推薦新聞

2022年春節(jié)放假通知

日期：2022-01-21瀏覽：

怎么查看競(jìng)爭(zhēng)者網(wǎng)站的狀況呢

日期：2021-08-20瀏覽：

為何有一些網(wǎng)站的快照更新長(zhǎng)期性沒(méi)有被搜索引擎收錄呢

日期：2021-08-19瀏覽：

為何有一些網(wǎng)站的快照更新長(zhǎng)期性沒(méi)有被搜索引擎收錄呢

日期：2021-08-19瀏覽：

互聯(lián)網(wǎng)推廣的必要性是什么

日期：2021-08-17瀏覽：

迅速提高互聯(lián)網(wǎng)推廣排名的方式

日期：2021-08-17瀏覽：

搞好SEO優(yōu)化的工作包括哪些呢

日期：2021-08-16瀏覽：

百度快照的消退針對(duì)優(yōu)化會(huì)出現(xiàn)什么影響呢

日期：2021-08-14瀏覽：

企業(yè)營(yíng)銷推廣網(wǎng)站的方式有哪些

日期：2021-08-14瀏覽：

深圳網(wǎng)站建設(shè)中情況的作用與操作過(guò)程

日期：2021-08-13瀏覽：

具備感染力的官方網(wǎng)站要如何去制做

日期：2021-08-13瀏覽：

網(wǎng)站開(kāi)發(fā)進(jìn)度不確定因素分為哪些

日期：2021-08-12瀏覽：

企業(yè)網(wǎng)站做常見(jiàn)設(shè)計(jì)風(fēng)格或是極簡(jiǎn)風(fēng)格呢

日期：2021-08-12瀏覽：

建設(shè)網(wǎng)站需要花費(fèi)哪些費(fèi)用

日期：2021-08-10瀏覽：

網(wǎng)站改版應(yīng)當(dāng)要留意的普遍事宜

日期：2021-08-10瀏覽：