2024-04-20 分類: 網(wǎng)站建設
本文目錄:
一、安裝并配置Hexo二、部署到托管平臺三、效果展示首先要確保電腦中已經(jīng)安裝了node.js和git。網(wǎng)絡上有大量關(guān)于這兩個軟件安裝的過程,在此不再贅述。
一、安裝并配置Hexo
只需要一步,就可以輕松安裝Hexo:
npm install -g hexo-cli安裝后,我們需要生成必要的文件:
hexo init my_blogcd my_blognpm install然后我們就可以使用如下命令來本地預覽我們的博客網(wǎng)站了:
hexo s默認情況下效果如下圖:
我們可以挑選自己喜歡的主題,我個人傾向于使用Next主題,安裝主題的方式非常簡單,下載主題后解壓放在themes文件夾中即可,在這里我們使用git克隆到本地。
git clone https://github.com/theme-next/hexo-theme-next.git themes/next二、部署到托管平臺很多人使用Github,不過我們在這里使用的是騰訊旗下的CODING平臺。它們都提供了免費的網(wǎng)站服務。
注冊后,新建一個項目:
然后我們把項目的git地址拷貝下來:
還有一步是必要的,那就是把我們電腦的公鑰添加進來,公鑰的生成可以百度搜索一下,非常簡單:
在我們的博客目錄下可以看到_config.yml文件,打開找到themes和deploy部分并編輯:
## Themes: https://hexo.io/themes/theme: next# Deploymentdeploy: type: git repo: git@git.dev.tencent.com:data_insights/my_blog.git branch: master把我們剛才復制的項目地址粘貼進來,默認使用master分支。然后把主題的名字貼進來,注意,這里主題的名稱要跟我們克?。ɑ蛘邚椭疲┻M來的文件夾名稱一致。
本地預覽一下:
hexo s簡潔而美觀,后續(xù)我們可以再調(diào)整主題和樣式,我們先來嘗試部署到線上。
我們需要先安裝hexo-deployer-git:
npm install hexo-deployer-git --save安裝完成后,我們輸入:
hexo clean && hexo generate && hexo deploy或者簡化為
hexo clean && hexo g && hexo d好,在我們的CODING平臺,已經(jīng)可以看到代碼了:
然后,我們開啟Pages服務:
好了,現(xiàn)在就可以訪問我們的個人博客了。
三、效果展示
給大家看一下我的博客的效果,所有的調(diào)整和定制都非常簡單,大家可以在hexo和所使用的主題的官方文檔中找到你需要的東西。
好了,接下來你也可以免費創(chuàng)建自己的個人博客了!
非常感謝您讀完創(chuàng)新互聯(lián)的這篇文章:"個人網(wǎng)站怎么制作免費文檔(Ai個人網(wǎng)站怎么制作)",僅為提供更多信息供用戶參考使用或為學習交流的方便。我們公司提供:網(wǎng)站建設、網(wǎng)站制作、官網(wǎng)建設、SEO優(yōu)化、小程序制作等服務,歡迎聯(lián)系我們提供您的需求。
當前標題:個人網(wǎng)站怎么制作免費文檔(Ai個人網(wǎng)站怎么制作)
鏈接地址:http://aaarwkj.com/news47/324347.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供虛擬主機、云服務器、建站公司、標簽優(yōu)化、自適應網(wǎng)站、關(guān)鍵詞優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容