博客园主题——atum3.0升级发布啦

这篇具有很好参考价值的文章主要介绍了博客园主题——atum3.0升级发布啦。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

介绍

这是一款基于VUE3.0 打造的简约型博客主题,兼容各大主流浏览器,适配各个设备与分辨率,PC、平板、手机等均可正常浏览。并且采用响应式设计,提高使用响应速度。

特性

  • 响应式设计,兼容平板、手机端浏览器。
  • 提供多种配置信息,方便各类用户进行个人定制化。
  • 部署文档十分详细且部署快捷,仅只需要引入script地址即可出效果。
  • 主题整体偏向简约、无太多不必要的特效画面、偏向于简洁型博客。
  • 请求局部ajax刷新,实现全站无刷新式局部加载。
  • 后端接口采用博客园接口,您无须部署自己的后端服务器。
  • 提供两套主题UI可供选择。

急速部署

前提:已经开通js权限,没开通的可以向博客园官方申请开通。并且确保博客中至少有一篇随笔

代码块部署位置

<style type="text/css">
#page_begin_html{top: 0;bottom: 0;left: 0;right: 0;position: fixed;z-index:99999;}
#home #main #mainContent{display:none}
body{margin:0;padding:0;overflow:hidden;margin-top:100%}#shade_animal_wrap{opacity:1;margin:0;padding:0;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;align-items:center;justify-content:center;height:100vh;width:100%;background-color:#f2f2f2;z-index:99999;transition:all .5s ease 0s;}.lds-hourglass{display:inline-block;position:relative;width:64px;height:64px;transform:translateX(-30px) translateY(-60px);}.lds-hourglass:after{content:" ";display:block;border-radius:50%;width:0;height:0;margin:6px;box-sizing:border-box;border:60px solid #fff;border-color:#ff8d00 transparent #ff3004 transparent;animation:lds-hourglass 1.2s infinite;}@keyframes lds-hourglass{0%{transform:rotate(0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);}50%{transform:rotate(900deg);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);}100%{transform:rotate(1800deg);}}</style>
<div id="shade_animal_wrap"><div class="lds-hourglass"></div></div>

将上述代码块拷贝至 博客园设置->页首HTML代码

<script>
$("link").remove();$("script").remove();$(function(){$("link").remove();$("script").remove()});window.blogCommentManager=function(){this.renderComments=function(){}};window.loadViewCount=function(){};window.loadNewsAndKb=function(){};window.loadBlogSignature=function(){};window.LoadPostCategoriesTags=function(){};window.LoadPostInfoBlock=function(){};window.GetPrevNextPost=function(){};window.loadBlogCalendar=function(){};window.loadBlogSideColumn=function(){};window.loadBlogTopLists=function(){};window.GetHistoryToday=function(){};window.deliverAdT2=function(){};window.getFollowStatus=function(){};window.deliverAdC1=function(){};
</script>
<script type="text/javascript">
(()=>{
//该处用于配置atum主题参数,具体配置参数可参考下方。
let p={};
p.blogSign="自惭多情污梵行,入山又恐误倾城。世间安得双全法,不负如来不负卿。";
window.__BLOG_CONFIG__=p;
})();
</script>
<script type="text/javascript" src="[地址可在下方获取]"></script>

将上述代码块拷贝至 博客园设置->博客侧边栏公告(支持HTML代码) (支持 JS 代码) ,并且按需配置好所需要的参数并且赋值给全局变量__BLOG_CONFIG__中。


同样这里需要对博客园进行上述设置

最后

  • atum3.0及后续版本将开始收费,有新的需求可以联系我。
  • 另外如果需要进行主题反馈请至反馈
  • atum1.0及atum2.0仍然是免费且开源状态V1.0,V2.0

购买流程:

1. 您可以通过私聊我

2. 不是全职所以可能没法立刻回复,但基本看到消息就会回复您

3. 价格:50元,因为主题为虚拟商品,购取源码后不支持任何理由退款

4. 主题的配置不需要修改代码,但需要一定的文档阅读能力,如果不愿意看文档,请勿购买

5. 您将享有主题源码,主题不定时更新,主题静态文件部署路径,主题售后服务文章来源地址https://www.toymoban.com/news/detail-488750.html

到了这里,关于博客园主题——atum3.0升级发布啦的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【网站搭建】3 更换博客主题—butterfly

    可以到官网选择想要更换的主题Themes | Hexo 我选用的是butterfly zhangzeli/hexo-theme-butterfly: A Hexo Theme: Butterfly (github.com)  在Hexo根目录打开终端执行拉去操作 下载配套文件  打开_config.yml文件,更改   重新启动本地服务器即可  

    2024年02月16日
    浏览(36)
  • 主题狗themes.yhz610.com-精选上百种优秀开源网站主题、博客主题、商城模板

    说明 主题狗themes.yhz610.com 精选上百种优秀开源网站主题、博客主题、商城模板。 类型包含 hexo 、jekyll 、hugo 、next 、vuepress 、gatsby 、wordpress 等等 主题狗- themes.dog 支持 PWA ,欢迎添加至手机桌面 为什么做此项目 现在很少有逛到纯网站主题分享的网站,不是付费就是广告或者

    2024年02月19日
    浏览(40)
  • 多主题自适应知识变现博客论坛,支持docker一键部署

    给大家推荐一个多主题自适应,支持付费收款的博客论坛系统,支持docker一键部署,支持企业微信通知。 日志目录 /opt/logs/blog/ H2 console true 打开 H2数据库 /storage/db_mblog.mv.db 上传文件 /storage/ 体验地址 https://blog.zwapi.cn 前端地址 http://localhost:8080 管理员账号 admin/admin H2 console地址

    2024年02月13日
    浏览(36)
  • 博客搭建教程Github+Hexo+hexo-theme-matery主题

    前情提要 写这篇文的目的 记录自己搭建过程,便于以后快速复用 总结经验和自己踩的坑,给其他小伙伴一些参考(由于是搭建后写的,所以没有参考图片) 介绍 初步效果参考我的博客:hermia的个人博客 本博客基于Hexo框架,使用github托管 使用自定义域名: hermiablog.com hexo主题

    2024年02月19日
    浏览(72)
  • 从零用VitePress搭建博客教程(4) – 如何自定义首页布局和主题样式修改?

    接上一节: 从零用VitePress搭建博客教程(3) - VitePress页脚、标题logo、最后更新时间等相关细节配置 有时候觉得自带的样式不好看,想自定义,首先我们在docs/.vitePress新建一个theme文件夹,用来存放自定义布局和主题修改的相关文件,如下所示 theme下再新建custom.css 和 index.js c

    2024年02月08日
    浏览(48)
  • 思通舆情 是一款开源免费的舆情系统 介绍

    思通舆情 是一款开源免费的舆情系统。 支持本地化部署,支持在线体验。 支持对海量舆情数据分析和挖掘。 无论你是使用者还是共同完善的开发者,欢迎 pull request 或者 留言对我们提出建议。 您的支持和参与就是我们坚持开源的动力!请   star 或者 fork! 思通舆情 的功能

    2024年04月13日
    浏览(67)
  • “layui助力博客管理升级!用增删改查功能打造优质博客体验“

    本文介绍如何使用 layui 实现一个简单的增删改查会议管理系统。 在开始之前,确保已经引入了以下必要的文件: 首先,我们需要准备一个用于 CRUD(增删改查)操作的后端接口 R工具类的使用 使用 layui 的样式和组件来构建博客管理页面。 创建一个 HTML 文件,并按如下结构编

    2024年02月16日
    浏览(39)
  • 博客系统的后端设计(八) - 实现发布博客功能

    在原来的编辑页面点击发布文章按钮,是不会有什么效果的。 这是因为此时还不能实现前后端的交互。 请求使用 POST ,路径是 /blog title=这是标题content=这是正文 请求中要有 body,按照 form 表单的方式添加进去。 响应使用 HTTP/1.1 302 跳转到列表页:Location: blog.list.html 在一篇博

    2024年02月07日
    浏览(43)
  • 【搭建博客】宝塔面板部署Typecho博客,并发布上线访问

    目录 前言 1.安装环境 2.下载Typecho 3.创建站点 4.访问Typecho 5.安装cpolar 6.远程访问Typecho 7.固定远程访问地址 8.配置typecho Typecho是由type和echo两个词合成的,来自于开发团队的头脑风暴。Typecho基于PHP5开发,支持多种数据库,是一款内核强健﹑扩展方便﹑体验友好﹑运行流畅的轻

    2023年04月25日
    浏览(56)
  • 发布博客到互联网

    首先打开你的_config.yml文件,在文件的最下面的代码写改为下面这种,其中repository是你的GitHub仓库的地址。 首先安装这个工具,这样的话就是安装成功了。 生成页面的一个命令

    2024年02月11日
    浏览(56)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包