分类 柯基 下的文章

如何在网页中添加flash动画

!!!

<embed src="https://imjiuki.cn/usr/uploads/2020/03/515460529.swf" quality=high width=700 height=500 wmode=transparent type='application/x-shockwave-flash'></embed>

!!!

下载最新flash:传送门

在网络上看到最多的静态博客生成方案就是HEXO+Github的方式,说实话,我到现在都不会使用HEXO。因此就有了今天的主角Gridea。不用过多的配置,你就可以拥有一个静态博客。

腾讯云开发者平台创建项目

登录后进入控制台->右上角有一个加号->创建项目->填写项目名称和项目地址(和名称相同)->勾选公开源代码->新建项目

coding-1.png

在新建好的项目中启用Coding Pages-代码->Pages服务->一键开启Coding Pages

coding-2.png

创建令牌-头像->个人设置->访问令牌->选择权限(只要选择第一个完全控制就行,也可以按照图片里操作)后创建即可(记得复制好令牌等下在Gridea里要用)

coding-4.png

安装Git-这是在 GitHub Pages 或 Coding Pages 远程部署的必备工具。

如果你只是想本地使用或使用 SFTP 上传到自己的服务器,那么可忽略此步。

下载最新版本的Gridea

安装好之后这要设置这个页面远程这里我主要介绍Coding Pages,其他的(主题啥的)按自己喜好设置就好。

域名:填写你的Coding Pages域名:https://用户名.coding.me/项目名

仓库:项目名

仓库用户名:用户名

Token:刚才创建的访问令牌(忘了复制?可以去更新下就有了)

CNAME:自己的域名

右下角保存后同步即可(其他设置也是如此,别忘了保存,不然同步也是没用的)

gridea.png

绑定域名

在阿里云或腾讯云注册的域名CNAME解析到你的Coding Pages域名即可

以上。

前段时间分享了一篇如何优雅地重装系统,那么在装完系统之后我们又该做些什么呢!当然是进行简单的配置让自己的电脑赋有灵魂。

激活系统

有序列号的直接输入即可,没有的嘛,八仙过海,各显神通。

安装驱动-360驱动大师网卡版

虽然我不怎么喜欢用360,装驱动的话我感觉还是很好用的,当然你也可以自己下载对应缺少的驱动(数位板-显卡)

状态栏美化-StartIsBack++

通过StartIsBack++设置任务栏透明化和图标居中-按照如图设置即可。

SB.png

系统优化-Dism++,也许是最强的实用工具

这款软件非常的强悍,有兴趣的可以自己慢慢设置,我一般也就是去掉快捷方式的小箭头和默认快捷方式的文字而已。

Dism.png

解压缩-7-zip

我也不知道为啥会选择它,也许是小巧、简约,强大的缘故吧!

最后换上一张美美的壁纸-wallhaven,The best wallpapers on the Net!

wallhaven.jpg

完成以上这些事,我也就可以开心地逛B站了。

Nice!

当然如果你还有什么特殊需求的话请继续折腾。。。

今天想在本地测试下主题,于是就需要把网站部署到本地(搬家-换域名)。于是就有了这篇记录

正文开始:

先从线上把站点文件全部打包下载下来

backup-site.png

导出数据库

选择自己的数据库->导出即可

backup-sql.png

搭建本地环境-PHPstudy(一键部署工具)

一路下一步,安装完即可食用。

恢复站点文件

将站点文件复制到本地的站点根目录

修改配置文件config.inc.php,大概在57行的位置-把新的配置替换进去

config.png

恢复数据库

打开phpMyAdmin->选择数据库->导入->执行SQL(修改表中的数据)

backup-sql-2.png

UPDATE `typecho_options` SET `value` = 'https://localhost' WHERE `typecho_options`.`name` = 'siteUrl' AND `typecho_options`.`user` =0;
UPDATE `typecho_contents` SET `text` = REPLACE(`text`,'https://imjiuki.cn','https://localhost');
UPDATE `typecho_users` SET `url` = REPLACE(`url`,'https://imjiuki.cn','https://localhost');
UPDATE `typecho_comments` SET `url` = REPLACE(`url`,'https://imjiuki.cn','https://localhost');
UPDATE `typecho_comments` SET `text` = REPLACE(`text`,'https://imjiuki.cn','https://localhost');

第一条的typecho_options的地址是新的域名地址-你也可以直接编辑此表修改

后面几条'https://imjiuki.cn','https://localhost'部分全部按照'旧域名地址','新域名地址'替换即可。

backup-sql-3.png

大功告成!

修改 typecho_options

将网站的设置里的域名替换成新的域名:

UPDATE `typecho_options` SET `value` = '新域名地址' WHERE `typecho_options`.`name` = 'siteUrl' AND `typecho_options`.`user` =0;

修改 typecho_contents 表
将网站文章里的旧域名替换成新的域名:

UPDATE `typecho_contents` SET `text` = REPLACE(`text`,'旧域名地址','新域名地址');

修改 typecho_users 表
将管理员的个人网站进行替换

UPDATE `typecho_users` SET `url` = REPLACE(`url`,'旧域名地址','新域名地址');

修改 typecho_comments 表
对评论中的管理员的域名,和评论中的旧域名进行替换

UPDATE `typecho_comments` SET `url` = REPLACE(`url`,'旧域名地址','新域名地址');
UPDATE `typecho_comments` SET `text` = REPLACE(`text`,'旧域名地址','新域名地址');

如果使用的域名邮箱,也建议进行更换

UPDATE `typecho_comments` SET `mail` = REPLACE(`mail`,'旧域名地址','新域名地址');

参考:

Quanyin说-Typecho 网站域名更换方法

为网站使用自定义字体的时候发现字体文件巨大,严重拖慢了网站的加载速度。于是就在网上各种找资料,发现可以使用Fontmin-字体子集化方案进行字体压缩(同类的工具很多-因为Fontmin有客户端所以就用它了),具体原理我就不解释了。

正题开始:

使用Fontmin生成字体

下载Fontmin客户端->打开软件->将自己的字体文件拖入(只支持ttf格式)->输入文本片段->生成

我使用的是常用中文3500字(自己补充了英文字体和部分常用符号)

片刻之后就可以得到被压缩的字体了

fontmin-1.jpg

打开样式表Taipei.cssTaipei-embed.css增加以下代码以全局引用(Taipei为字体名)

@font-face {
    font-family: "Taipei";
    src: url("Taipei.eot"); /* IE9 */
    src: url("Taipei.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("Taipei.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("Taipei.woff") format("woff"), /* chrome、firefox */
    
    url("Taipei.svg#Taipei") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}


*{
    font-family: "Taipei";
}

其中font-display: swap;是等待字体文件今安在完之后进行文字替换,保证了网页的加载速度。

fontmin-css.png

在网页(typecho)中引用

将得到的字体上传至服务器

打开typecho主题目录下的footer.phpheader.php引用字体样式

<!--引入字体样式-->
    <link rel="stylesheet" href="<?php $this->options->themeUrl('fonts/Taipei.css'); ?>">

fontmin-3.png

最后刷新你的页面看下效果,如果没有改变请清除浏览器缓存后再次查看

以上。

传送门

Fontmin-字体子集化方案https://ecomfe.github.io/fontmin/#banner

台北黑体-翰字鑄造 JT Foundryhttps://sites.google.com/view/jtfoundry/zh-tw

Googlefont-https://fonts.google.com/