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