静态个人主页配置详细

前言

问：为什么不直接手敲静态页面(反正也就一个页面)？
答：使用静态文件生成器方便管理，不需要修改源码就能修改样式和增加其他内容(采用读取配置文件实现)

正文

1. 克隆

   git clone https://github.com/lete114/hexo-theme-MengD.git MengD

2. 克隆后使用cd MengD进入MengD后执行以下命令

   npm install hexo --save
   npm install hexo-deployer-git --save

3. 相关命令

   hexo server # 本地预览(简写hexo s)
   hexo generate # 生成静态文件(简写hexo g)
   hexo clean # 清理文件缓存
   hexo deploy # 部署(简写hexo d)

   hexo s后在浏览器地址栏输入http://localhost:4000/即可本地预览
   hexo g后根目录会多出public文件夹，里面就是生成出来的静态页面
   hexo clean后系统将删除你的public文件夹(一般很少使用)
   hexo d后系统将public文件夹内的静态文件复制到.deploy_git文件夹内并部署到你的仓库
   请留意你的根目录_config.yml配置文件内的配置是否填写

   # 你的域名地址
   url: https://lete114.top
   
   # 提交
   deploy:
       type: git
       repo:     # 提交的仓库地址
       branch: master

主题配置文件

选取部分功能进行分析

1. 自定义js、css
   必须以以下格式进行自定义引入(注意缩进)

   # 如下
   # - https://xxx.com/css/css.css
   # - https://xxx.com/js/js.js
   # - css/css.css
   # - js/js.js
   css:
     - https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css
     - css/Lete.css
   js:
     - https://xxx.com/js/js.js
     - js/js.js

2. 自定义图标
   想自定义多套不同的icon图标，可以在上面自定义css处引入icon图标

   # 自定义图标
   iconfont: https://cdn.jsdelivr.net/gh/sviptzk/StaticFile_HEXO@master/butterfly/css/iconfont.min.css
   # 图标大小
   font_size: 1.6em
   # Icon 图标
   links:
     iconfont icon-youxiang: mailto:lete@lete114.top
     iconfont icon-github3: https://github.com/lete114
     iconfont icon-icon_doc_fill: https://blog.lete114.top
     iconfont icon-lianjie: https://blog.lete114.top/link/
     iconfont icon-csdn: https://me.csdn.net/Lott0419
     iconfont icon-zhihu: https://www.zhihu.com/people/lete114

3. 百度分析
   填写问号后面的key就可以了
   

文章作者: Lete乐特

文章链接: https://yilia.lete114.top/article/Hexo-MengD.html

版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Lete乐特 's Blog ！

赏

谢谢你请我吃糖果

支付宝

微信