Hexo+GithubPage搭建Fan主题的博客(3)更换Hexo博客主题
博客 搭建 主题 更换 Hexo
2023-09-14 09:12:52 时间
更多信息请关注 个人网站
更换主题
(1)打开 hexo主题网站,丛中找个自己喜欢的主题,比如这里选择 Fan主题
(2)打开Fan主题的github地址
(3)按照Fan的github地址中的安装指导进行安装
git clone https://github.com/fan-lv/Fan.git themes/Fan
如:
D:\src\blog_demo>git clone https://github.com/fan-lv/Fan.git themes/Fan
Cloning into 'themes/Fan'...
remote: Enumerating objects: 325, done.
remote: Counting objects: 100% (31/31), done.
remote: Compressing objects: 100% (12/12), done.
Rremote: Total 325 (delta 23), reused 19 (delta 19), pack-reused 294 : 87% (283/325), 2.18 MiB | 823.00 KiB/s
Receiving objects: 100% (325/325), 2.46 MiB | 854.00 KiB/s, done.
Resolving deltas: 100% (173/173), done.
D:\src\blog_demo>
(4)将_conffig.yml 中主题修改为Fan
(5)把如下文件中的两处enable修改为false
(6)如下配置文件中修改url好root,url即为建好后博客访问的地址,在步骤二中第(6)小步骤中可获得,root即为github上创建的项目名称,前后都需要加 /
(7)安装hexo-renderer-jade hexo-renderer-stylus
npm install --save hexo-renderer-jade hexo-renderer-stylus
如:
D:\src\blog_demo>npm install --save hexo-renderer-jade hexo-renderer-stylus
npm WARN deprecated hexo-renderer-jade@0.5.0: hexo-renderer-jade has been deprecated. Please install hexo-renderer-pug and rename all *.jade files to *.pug.
npm WARN deprecated constantinople@3.0.2: Please update to at least constantinople 3.1.1
npm WARN deprecated transformers@2.1.0: Deprecated, use jstransformer
npm WARN deprecated jade@1.11.0: Jade has been renamed to pug, please install the latest version of pug instead of jade
npm WARN deprecated core-js@2.6.12: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
added 86 packages, and audited 335 packages in 24s
20 packages are looking for funding
run `npm fund` for details
8 vulnerabilities (1 low, 1 moderate, 1 high, 5 critical)
To address issues that do not require attention, run:
npm audit fix
Some issues need review, and may require choosing
a different dependency.
Run `npm audit` for details.
D:\src\blog_demo>
(8)再次在本地调试
hexo g
hexo s
如:
D:\src\blog_demo>hexo g
INFO Validating config
INFO Start processing
INFO Files loaded in 74 ms
(node:21912) Warning: Accessing non-existent property 'lineno' of module exports inside circular dependency
(Use `node --trace-warnings ...` to show where the warning was created)
(node:21912) Warning: Accessing non-existent property 'column' of module exports inside circular dependency
(node:21912) Warning: Accessing non-existent property 'filename' of module exports inside circular dependency
(node:21912) Warning: Accessing non-existent property 'lineno' of module exports inside circular dependency
(node:21912) Warning: Accessing non-existent property 'column' of module exports inside circular dependency
(node:21912) Warning: Accessing non-existent property 'filename' of module exports inside circular dependency
INFO Generated: archives/index.html
INFO Generated: archives/2021/index.html
INFO Generated: index.html
INFO Generated: 2021/12/03/hello-world/index.html
INFO Generated: archives/2021/12/index.html
INFO Generated: favicon.ico
INFO Generated: css/thirdparty/fa-solid-900.woff
INFO Generated: images/avatar.png
INFO Generated: css/highlight/diff.css
INFO Generated: images/ufo.svg
INFO Generated: avatar.png
INFO Generated: images/top.svg
INFO Generated: css/min_screen_highlight/highlight.css
INFO Generated: css/min_screen_search/algolia.css
INFO Generated: js/search/algolia.js
INFO Generated: js/mathjax/mathjax.js
INFO Generated: css/min_screen_layout/footer.css
INFO Generated: js/comments/gitment.js
INFO Generated: js/thirdparty/jquery.mCustomScrollbar.concat.min.js
INFO Generated: css/highlight/theme.css
INFO Generated: css/min_screen_highlight/theme.css
INFO Generated: css/const.css
INFO Generated: js/sidebar.js
INFO Generated: js/fan.js
INFO Generated: js/canvas_bg.js
INFO Generated: js/copy.js
INFO Generated: js/utils.js
INFO Generated: css/highlight/highlight.css
INFO Generated: js/scroll.js
INFO Generated: css/min_screen_layout/header.css
INFO Generated: css/min_screen_layout/pagination.css
INFO Generated: css/min_screen_layout/page.css
INFO Generated: css/min_screen_layout/recent_posts.css
INFO Generated: css/min_screen_layout/post.css
INFO Generated: css/thirdparty/reset.css
INFO Generated: css/min_screen_search/index.css
INFO Generated: css/min_screen_layout/sidebar.css
INFO Generated: css/min_screen_layout/tag.css
INFO Generated: css/thirdparty/fontawesome.css
INFO Generated: js/thirdparty/velocity.min.js
INFO Generated: css/thirdparty/jquery.mCustomScrollbar.min.css
INFO Generated: css/fan.css
INFO Generated: js/thirdparty/jquery-3.3.1.min.js
INFO Generated: blog_demo.png
INFO 44 files generated in 853 ms
D:\src\blog_demo>hexo s
INFO Validating config
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
(9)浏览器打开 http://localhost:4000,如下表示已经配置OK
github基础----配置公钥
github实战----github时不时打不开的完美解决办法
Hexo+GithubPage搭建Fan主题的博客(1)基础准备及Github仓库配置
Hexo+GithubPage搭建Fan主题的博客(2)本地初始化Hexo博客项目
Hexo+GithubPage搭建Fan主题的博客(3)更换Hexo博客主题
Hexo+GithubPage搭建Fan主题的博客(4)将本地Hexo项目部署到Github上
Hexo+GithubPage搭建Fan主题的博客(5)编写发表博客
Hexo+GithubPage搭建Fan主题的博客(6)设置博客分类、标签和关于页面
Hexo+GithubPage搭建Fan主题的博客(7)配置自定义域名
Hexo+GithubPage搭建Fan主题的博客(8)在另一台电脑编写发表博客
Hexo+GithubPage搭建Fan主题的博客(9)不用图床为博客配置本地插入图片
Hexo+GithubPage搭建Fan主题的博客(10)配置评论系统
Hexo+GithubPage搭建Fan主题的博客(11)为Hexo博客的valine评论系统配置邮件通知
Hexo+GithubPage搭建Fan主题的博客(12)为博客配置SEO搜索优化
相关文章
- 博客添加 markdown 在线编辑器工具
- 博客怎么做seo
- 使用umami搭建免费的个人博客数据统计系统
- 【Web开发】docker+halo搭建个人博客
- Docker搭建Wordpress博客
- CentOS搭建Ghost博客
- 从0使用gin框架搭建博客-环境安装
- 基于 Hexo 从零开始搭建个人博客(四)
- 个人免费博客花式搭建指南 Cloudflare 篇
- 个人博客网站是否应该公安备案?
- gin博客项目复盘--05 JWT全面解读、详细使用步骤
- 从零到一搭建一个属于自己的博客系统(弎)「建议收藏」
- Gitlab+Jenkins+Docker+Harbor+K8s集群搭建CICD平台(持续集成部署Hexo博客Demo)
- 个人博客网站在备案期间怎么关闭首页无法访问,文章及其他页面正常访问
- 在Windows环境下使用Hexo Volantis主题搭建博客
- Hexo搭建博客 - nexmoe主题
- 树莓派 | Raspberry Pi 4B使用nginx+sqlite3+php7.3+typecho搭建轻量级博客系统
- 使用hexo+github搭建免费个人博客详细教程
- 手把手教你搭建惊艳的博客
- 博客搭建-hexo+d服务器
- Hugo博客自定义字体
- 【工具】用AI辅助论文/博客的写作:Obsidian+Text Generator的详细安装教程
- 搭建Hexo博客-第3章-Markdown语言介绍及编辑博客
- icarus主题的博客加载太慢
- 个人博客搭建(4):matery 主题调教(持续更新...)
- 免费的个人博客系统搭建及部署解决方案(Hugo + GitHub Pages + Cusdis)
- 5分钟傻瓜式教程:wordpress搭建个人博客网站
- [nodejs] nodejs开发个人博客(五)分配数据详解编程语言
- 快速搭建MongoDB博客系统(mongodb搭建博客)
- Linux下的Hexo:搭建轻松实用的博客(linux hexo)
- 从零开始个人博客搭建Redis教程(个人博客redis教程)
- 提升网站性能,发挥Redis插件的作用TY博客自豪之处(ty博客的redis插件)
- 博客开发中的红宝石如何使用Redis(redis适合博客吗)
- 【保姆级】利用Github搭建自己的个人博客,看完就会