目 录CONTENT

文章目录

halo1.6-joe2.0-娱乐实验室制作教程

CZ
CZ
2023-08-07 / 4 评论 / 0 点赞 / 645 阅读 / 4974 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2024-04-24,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

前言

博客大家都知道吧,记录笔记,记录日常,但是能在枯燥乏味的生活中增添点乐趣,那也不为一件乐事,之前在平台发布过如何搭建一个属于自己的博客,有小伙伴投稿说能不能出一期小志娱乐实验室教程,好,今天他来了

搭建前准备

  • 系统centos7.6
  • 后端halo1.6
  • 前端joe2.0
  • 有ssh连接工具,没有也行
  • 注意本教程适用于所有博客,同理即可

实验室部署

首先我们先ssh到虚拟机的centos控制台,首先环境我都已经装好了,没装好的可以看看我之前录的视频

image-1691379804179

搜索joe2.0的根目录,并进入

[root@cz ~]# find / -name "joe2.0"
/var/lib/docker/overlay2/7b4f9a7ed7a95b903924ba1863de0bd78d4207351ea3475e9e63b4d5bdcfa01a/diff/root/.halo/templates/themes/joe2.0
/var/lib/docker/overlay2/7b4f9a7ed7a95b903924ba1863de0bd78d4207351ea3475e9e63b4d5bdcfa01a/merged/root/.halo/templates/themes/joe2.0
[root@cz ~]# cd /var/lib/docker/overlay2/7b4f9a7ed7a95b903924ba1863de0bd78d4207351ea3475e9e63b4d5bdcfa01a/diff/root/.halo/templates/themes/joe2.0
[root@cz joe2.0]# ls
404.ftl         category.ftl     gulpfile.js   LICENSE    mail_template  plugins    screenshot.jpg  sheet_empty.ftl    sheet_only_header_footer.ftl  tags.ftl    yarn.lock
archives.ftl    CONTRIBUTING.md  index.ftl     links.ftl  package.json   post.ftl   search.ftl      sheet.ftl          source                        template
categories.ftl  docs             journals.ftl  logo.png   photos.ftl     README.md  settings.yaml   sheet_leaving.ftl  tag.ftl                       theme.yaml
[root@cz joe2.0]#

创建一个lab实验室的模板文件,格式为sheet_名字.ftl

[root@cz joe2.0]# touch sheet_lab.ftl
[root@cz joe2.0]# ls
404.ftl         category.ftl     gulpfile.js   LICENSE    mail_template  plugins    screenshot.jpg  sheet_empty.ftl  sheet_leaving.ftl             tag.ftl   theme.yaml
archives.ftl    CONTRIBUTING.md  index.ftl     links.ftl  package.json   post.ftl   search.ftl      sheet.ftl        sheet_only_header_footer.ftl  tags.ftl  yarn.lock
categories.ftl  docs             journals.ftl  logo.png   photos.ftl     README.md  settings.yaml   sheet_lab.ftl    source                        template
[root@cz joe2.0]#

返回后台,进入配置文件

image-1691380178246

粘贴我给的代码,并保存

打开开发者模式,连续点后台halo的logo8次以上激活

image-1691380373387

点击系统-系统-小工具-开发者模式-静态存储

image-1691380447513

新建两个文件夹,js和css

image-1691380483494

将下面的js文件和css文件分别上传上去

image-1691380532629

将之前html里面的地址全部替换成你自己的ip地址

image-1691380592130

新建一个自定义页面,点击页面-新建页面,随便输入一个标题-高级-选择自定义模板为lab-点击发布

image-1691380671571 image-1691380712363

访问实验室页面

点击实验室访问

image-1691380767310 界面如下 image-1691380806241

添加页面到导航栏

修改自定义页面后缀,点击保存

image-1691380907911

进行菜单设置,保存

image-1691380972045 image-1691383606339

点击主页测试效果,正常显示

image-1691383735344

0

评论区