別人家程序員都有個人博客了 你呢?快進來,教你打造個人博客

別人家程序員都有個人博客了 你呢?快進來,教你打造個人博客


因為頭條排版的原因,圖片我就不放了,看此文章,可能會看不懂,請直接查看底部瞭解更多


安裝node

  • node下載地址:http://nodejs.cn/download/
  • 具體安裝方法,這裡不做詳寫
  • 安裝完成可以通過node -v 查看安裝是否生效和node的版本
  • 我這裡使用的是v10.15.0版本github和coding
  • 這裡對於git的使用,不會詳寫,具體請自行百度
  • github和coding都是git代碼管理工具,擁有github pages 服務,可以設置靜態服務頁面
  • github的服務器是在國外,如果用github部署個人博客,訪問的響應速度會比較慢
  • coding是騰訊雲的代碼管理工具,本人使用的是這個來部署的(必須企業版coding——團隊人數在5人以下是免費的。選擇個人版,在搭建https時,https證書可能會有一定的問題)
  • 先暫時不用做雙線部署(國內訪問coding服務,國外訪問github服務),如果做成了雙線部署,百度站長的https認證,可能會出現問題,原因不詳

博客初始化

  1. 安裝hexonpm i -g hexo
  2. 新建存放項目的文件夾
  3. hexo初始化hexo init
  4. 查看是否安裝成功hexo -v
  5. 初始化成功之後,會看到一系列文件夾
  • node_modules:是依賴包
  • public:存放的是生成的頁面
  • scaffolds:命令生成文章等的模板
  • source:用命令創建的各種文章
  • themes:主題
  • _config.yml:整個博客的配置
  • db.json:source解析所得到的
  • package.json:項目所需模塊項目的配置信息
  • 將博客綁定到github(非必須)
    • 購買域名,無需備案(百度抓取你的個人博客文章鏈接,最好還是備案一下,有優先權,也容易被錄取,否則,錄取過程會很慢很慢。沒錄取就只能通過鏈接才能訪問到你,直接百度搜索,搜索不到你。谷歌錄取很快。^_^原諒我不會表述)
    • 相關工具,百度搜索,百度站長,谷歌搜索,谷歌站長
    • 需要在博客項目的source文件夾下創建一個CNAME的文件(無後綴)
    • 然後到域名配置DNS處,添加一條記錄類型為CNAME,指向到“用戶名.github.io” ,該路徑是github靜態網站部署後的默認訪問路徑,也是為什麼倉庫名稱必須是用戶名的原因
    • 此處非必須,如果不想綁定github,請往下拉,會有綁定coding的方式
    • 登錄github,創建倉庫
    • 登錄git bash綁定郵箱和用戶名 git config --global user.name "你的用戶名" git config --global user.email "你的郵箱地址"
    • 創建ssh

      輸入ssh-keygen -t rsa -C "你的郵箱地址",找到此目錄,C:\\Users\\你的用戶名.ssh
      打開該文件夾下的id_rsa.pub文件,獲取內容,copy
    • github setting配置ssh點擊右上角的setting
      點擊右上角的new ssh key 將id_rsa.pub文件裡面的內容全部粘貼進去,不用管格式內容啥的,直接全部粘貼
    • 配置自定義域名解析(非必須)
  • 將博客綁定到coding
    • 購買域名,無需備案(百度抓取你的個人博客文章鏈接,最好還是備案一下,有優先權,也容易被錄取,否則,錄取過程會很慢很慢。沒錄取就只能通過鏈接才能訪問到你,直接百度搜索,搜索不到你。谷歌錄取很快。^_^原諒我不會表述)
    • 相關工具,百度搜索,百度站長,谷歌搜索,谷歌站長
      選擇剛才新建的項目
      新建完成,返回上一步,選擇設置
      設置後的頁面,按照提示,進行域名配置
      然後到域名配置DNS處,添加一條記錄類型為CNAME,指向到“coding默認給的路徑”
      我的記錄集,沒有github的配置,我給刪除了
    • 註冊企業版coding,企業版,企業版,企業版,重要的事情說三遍
    • 創建項目
    • 登錄git bash綁定郵箱和用戶名 git config --global user.name "你的用戶名" git config --global user.email "你的郵箱地址"
    • 創建ssh
      輸入ssh-keygen -t rsa -C "你的郵箱地址",找到此目錄,C:\\Users\\你的用戶名.ssh
      打開該文件夾下的id_rsa.pub文件,獲取內容,copy
    • coding 設置添加ssh
      點擊個人設置
      添加公鑰,將id_rsa.pub文件裡面的內容全部粘貼進去,不用管格式內容啥的,直接全部粘貼
    • 配置自定義域名解析(非必須)
  • hexo配置和本地啟動
    • github訪問路徑:用戶名.github.io
    • coding訪問路徑:創建項目成功之後,會給一個路徑,用此路徑訪問
    • 如果配置域名,可以直接用域名訪問
    • github路徑
    • coding路徑
    • 打開hexo init 文件中的_config.xml文件
    • 搜索deploy找到內容,修改deploy:type: gitrepo:#github: [email protected]:你的用戶名/你的用戶名.github.io.git,mastercoding: [email protected]:你的用戶名/你的用戶名.git,master
    • 此處我的github是註釋的,因為我沒用該git管理工具
    • 可以找到剛才創建的項目,複製鏈接,後面拼接,master或者其他分支
    • 本地運行,啟動成功後,默認訪問路徑:localhost:4000hexo cleanhexo -ghexo -s
    • 上傳到服務端運行hexo cleanhexo -ghexo -d

    主題配置-next

    1. next下載
    • 進入博客項目根目錄,打開git bash
    • git clone https://github.com/theme-next/hexo-theme-next themes/next
  • 配置
    • 普通配置:主題下載好之後只需要修改_config.xml
  • 修改主題
    • 進入根目錄下的_config.xml,搜索theme,將值更改為next(下載的主題的文件夾名稱)
  • 其他
    • 具體的配置,大家自行查看https://blog.csdn.net/nightmare_dimple/article/details/86661502,這裡就不重複寫了
  • 注意
    • 那裡花裡胡哨的,本人不推薦使用。頁面寵物,音樂插件,隨機背景圖片等等都是沒必要的東西,會造成資源浪費,會很慢

    寫文章

    • 博客建立好之後,就該進入重點了
    • 根目錄-》source-》_posts 在此文件夾下寫文章
    • 文章格式為md格式,不熟悉md格式的,可以查看https://www.runoob.com/markdown/md-tutorial.html
    • 寫好md文章之後,在md文章頭部插入
    <code>id: design001        【/訪問路徑,不設置默認路徑是文件夾名稱】title: 標題date: 2019-12-04 00:00:00  【 時間,歸檔會用到】categories: - 標籤1tags:- 標籤1- 標籤2toc: true           【是否開啟目錄】top: 20            【排序,從大到小排序】/<code> 
    • 推薦手動截取文章內容,在首頁顯示。在想要截取的地方添加
    • md文章格式,圖片展示
    • md文章格式,效果演示

    _config.xml配置

    我在這裡貼出我的兩個_config.xml文件,但是別直接複製,粘貼,只供參考,有一些關於appid和key的私密性東西,我就隨便改了一下
    例如:Valine評論

    主題配置文件的_config.xml

    http://q2jt1v8qv.bkt.clouddn.com/_config.next.txt

    根目錄配置文件的_config.xml

    http://q2jt1v8qv.bkt.clouddn.com/_config.txt

    個人博客演示地址

    https://www.yangxj.top

    關於我

    https://www.yangxj.top/about/


    分享到:


    相關文章: