再战博客园美化(真正的五)——实际发布

news/2025/2/24 10:17:33/文章来源:https://www.cnblogs.com/timmoc/p/18632676

25-02-24 补充

这一篇偶然在我的草稿箱里面被发现。
也就是说,从五开始,少了一篇,而我却没有发现
迭代太快了。

以下是原始文章


我不免想到一个问题——如果我弄了这么多以后,发现根本不能用,那咋办?

所以我必须先尝试发布一次,得在博客园上实际看到效果。

image
image
image
有一个文件上MB了,可能是ElementUI我全部引入导致的,不过没关系,先提交!

打包完成

image
一个html是不需要的,一个js,一个css,一个jpg。
image
image
得益于博客园没有自动边缘换行策略,我可以直接粘贴在最顶上,这样也方便我后面打包新的css以后直接替换。
image
js的话就用script包起来。
image
寄咯,要是用文件的话那我怎么快速调整呢(思索)
image
算了,css没超过大小,js用文件试试看,先整出效果后面在调整。
image
image

自然地,没有任何反应。

因为这里不是vue环境,没有app这个元素。
那怎么办,当然是新增一个app元素!
好吧我乱说的,不妨看看这个:
image
什么是app?不过是一个div罢了。
对了。
image
image
before也是不需要的。
image
这样整个html只需要一个script引入即可。

然后我就发现vue把我的文章全删完了。

image
image

再次打包!

image
?。?

这是什么鬼东西

有个大问题,我原本的按钮被删掉了。
这可不是什么好事。
image
然后日间模式变成了这个鬼样子
image
哦,这是两个不一致导致的,小改一下就好了不是什么大问题。
背景图是因为我没上传,所以也正常
但是但是。
我的卡片间隔被谁弄没了?
image
image
image
思索。。。。
我定义在vue文件下的style呢?
image
在文件里面,但是没有被显示出来,
image
image
什么,你的意思是,我每次都得重新上传一遍css文件和js文件?绕了我吧。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/888912.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【草稿】图片上传2

本随笔用于上传图片 博客园居然不压缩图片,有点太良心了,我还得手动去压缩一遍。

word

选项卡的折叠和固定功能区快捷键:Ctrl+F1后退一步和前进一步的快捷键分别是:Ctrl+z、Ctrl+y页面放大和缩小命令:按住Ctrl,滚动鼠标滚轮,点击右下角的百分比,弹出显示比例对话框,可以选择一个比例,点击确定也可以实现,如下图:新建word命令,可以页面右击新建,也可以在…

idea连接sqlserver出现[08S01] 驱动程序无法通过使用安全套接字层(SSL)加密与 SQL Server 建立安全连接错误(转)

错误信息 选择对应的DataSource 修改两个地方即可 修改Advanced页签的trustServerCertificate 在使用 JDBC 连接 SQL Server 数据库时,trustServerCertificate 是一个连接参数,用于指示客户端是否信任服务器端的证书。当 trustServerCertificate 参数设置为 true 时,客…

2025/2/23 LeetCode151. 反转字符串中的单词

151. 反转字符串中的单词 - 力扣(LeetCode) 之前做的2024/12/14 【字符串】LeetCode151.反转字符串中的单词 【√】知识点:几个易错点,split函数 - axuu - 博客园 这些函数又忘了。 总结split(): 拆分字符串为列表。strip(): 去除字符串两端的空白字符。[::-1]: 反转字符…

谷歌逐步淘汰V2插件,广告拦截不能用了?

本文是《最全面的浏览器教程》第九篇,介绍目前扩展生态的问题。​ 你的浏览器扩展可能一夜之间失效!快收下这份自救指南。 本文是《最全面的浏览器教程》第九篇,介绍目前扩展生态的问题。 ‍ 起因 Chrome Manifest v2 是 Chrome 扩展程序的一种配置文件格式,是扩展的一部分…

2024CISCN长城杯wp

威胁检测与网络流量分析 zeroshell_1 1.解法一:分析流量包 ,提取http对象,找到包含命令的流量包Referer字段很像base64编码,试一试 真是flag2.解法二:CTF_NAT一把梭,找到包含flag的密文,cyberchef解密zeroshell_2 1.解法一:网上找漏洞payload,在url里进行注入,先找fl…

Debian 11 离线安装MySql记录

环境:mysql:mysql-8.0.32-linux-glibc2.17-aarch64.tar.gz 1、上传到服务器,然后解压缩 tar -zxvf mysql-8.0.32-linux-glibc2.17-aarch64.tar.gz 2、移动到指定目录/usr/local/mysql-8 mv mysql-8.0.32-linux-glibc2.17-aarch64 /usr/local/mysql-8 3、创建MySQL数据目录 m…

一个支持多家云存储驱动的公有云文件系统!

Cloudreve —— 一个基于 Go + React 实现的支持多家云存储驱动的公有云文件系统,适用于搭建个人网盘、文件分享系统等。大家好,我是 Java陈序员。 在日常生活中,我们会记录很多精彩的瞬间,或图片或视频,并存放在网盘中。 然而,很多商业网盘下载速度慢,而且不能很好地保…

传统ftp软件问题频出,一文了解适配的替代方案!

在互联网发展的早期,ftp软件凭借其简单易用的特性,成为了文件传输领域的中流砥柱,帮助无数企业实现文件的远程传输与共享。时过境迁,在如今数据量呈爆炸式增长、网络环境愈发复杂的时代,ftp软件就像一位上了年纪的老将,逐渐显露出诸多力不从心之处。 1.数据裸奔的安全风…

原创--记一次配置小米路由器(miwifi)的过程

1.登录2.登录后3.4.设置WAN口IP相关信息5.设置LAN口IP相关信息至此,配置完成,打通了LAN口与WAN口之间的数据传输 大概示意图如下: 海阔凭鱼跃,天高任鸟飞,成功没有捷径,唯有努力前行!

大三下每日打卡002(搭建Android平台和创建HelloWorld并发布apk)

实验一:搭建Android平台和创建HelloWorld 实验目的 本次实验的目的是让大家熟悉搭建智能手机开发平台的过程,了解Andorid开发项目的基本文件目录结构,并实现HelloWorld小例程。 实验要求完成Android开发平台的搭建及相关配置 创建项目并熟悉文件目录结构 实现例程HelloWorld…