阿杜Ado - handsome
type: channel
link: https://www.kanshijie.xyz/tag/handsome/
items: handsome添加心知天气挂件
items: handsome添加时钟挂件
items: handsome添加自定义fontello图标

handsome添加心知天气挂件
type: item
date: 2022-05-23T19:15:00+08:00
description: [scode type="yellow" size=""]本教程均在handsome 8.4.1主题版本和Typecho V1.2.0中测试通过，不保证兼容其他版本，请自行修改相应步骤。[/scode]心知天气是在顶部边栏位置，顶部左右位置可以自行更改。获取心知天气代码在心知天气网站https://www.seniverse.com 注册然后点击免费试用，根据个人喜好设置样式，然后获得心知天气提供的代码。心知天气配置代码将获取的心知天气的代码添加到 handsome 模板component文件夹headnav.php中想要添加的位置添加时钟挂件引用代码[collapse status="false" title="心知天气配置代码"] <?php if(@in_array('weather',$this->options->featuresetup)): ?> <?php endif; ?> [/collapse]心知天气控制代码在 handsome 模板functions_mine.php文件中382行添加如下代码，就可以在后台控制天气是否显示。[collapse status="false" title="心知天气控制代码"]'weather' => _t('启用心知天气'),[/collapse]这样这个心知天气的挂件就完成了，如果不喜欢放置在左侧，还可以自行调整位置。

handsome添加时钟挂件
type: item
date: 2022-05-23T18:43:00+08:00
description: [scode type="yellow" size=""]本教程均在handsome 8.4.1主题版本和Typecho V1.2.0中测试通过，不保证兼容其他版本，请自行修改相应步骤。[/scode]时钟挂件是在右侧边栏位置，也可以放置在左侧，上下位置可以自行更改。时钟挂件php代码[collapse status="false" title="时钟挂件php代码"] 时钟 {{ date }} {{ week }} {{ time }} [/collapse]时钟挂件JS代码[collapse status="false" title="时钟挂件js代码"]!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.Vue=t()}(this,function(){"use strict";function e(e){return void 0===e||null===e}function t(e){return void 0!==e&&null!==e}function n(e){return!0===e}function r(e){return!1===e}function i(e){return"string"==typeof e||"number"==typeof e}function o(e){return null!==e&&"object"==typeof e}function a(e){return"[object Object]"===Ti.call(e)}function s(e){return"[object RegExp]"===Ti.call(e)}function c(e){return null==e?"":"object"==typeof e?JSON.stringify(e,null,2):String(e)}function u(e){var t=parseFloat(e);return isNaN(t)?e:t}function l(e,t){for(var n=Object.create(null),r=e.split(","),i=0;i<r.length;i++)n[r[i]]=!0;return t?function(e){return n[e.toLowerCase()]}:function(e){return n[e]}}function f(e,t){if(e.length){var n=e.indexOf(t);if(n>-1)return e.splice(n,1)}}function p(e,t){return ji.call(e,t)}function d(e){var t=Object.create(null);return function(n){return t[n]||(t[n]=e(n))}}function v(e,t){function n(n){var r=arguments.length;return r?r>1?e.apply(t,arguments):e.call(t,n):e.call(t)}return n._length=e.length,n}function h(e,t){t=t||0;for(var n=e.length-t,r=new Array(n);n--;)r[n]=e[n+t];return r}function m(e,t){for(var n in t)e[n]=t[n];return e}function g(e){for(var t={},n=0;n<e.length;n++)e[n]&&m(t,e[n]);return t}function y(){}function _(e,t){var n=o(e),r=o(t);if(!n||!r)return!n&&!r&&String(e)===String(t);try{return JSON.stringify(e)===JSON.stringify(t)}catch(n){return e===t}}function b(e,t){for(var n=0;n<e.length;n++)if(_(e[n],t))return n;return-1}function $(e){var t=!1;return function(){t||(t=!0,e.apply(this,arguments))}}function C(e){var t=(e+"").cha…

handsome添加自定义fontello图标
type: item
date: 2020-02-26T14:10:00+08:00
description: 列表项目[scode type="yellow"]本教程均在handsome 4.1.1中测试通过，不保证兼容其他版本，请自行修改相应步骤。[/scode]handsome提供了一些主题，然而在4.0之后把fa图标删了……很多人（包括我）还是需要的，不过原版的fa太大了，下面我们来利用fontello来阉割一下下。自定义图标我们登陆fontello网站，把主题目录assets/fonts/fontawesome下的fontello.svg文件拖上去，如图：将Custom Icons里的所有图标选中，然后再选上需要添加的图标，注意最后在自定义里把前缀改成fa-，点右上角大大的Download就可以把文件下下来了覆盖文件并修改css将压缩包font文件夹下的东西全部覆盖到assets/fonts/fontawesome目录打开assets/css/handsome.min.css,这里你需要一个CSS格式化工具，将它格式化打开之前压缩包css文件夹下fontello.css文件，也格式化一下，然后复制图中的这串数字回到handsome.min.css文件，查找fontello.eot?，然后把从这之后的所有图中的数字替换为步骤3中复制的数字最后把fontello.css文件50行之后（可能需要调整，如图所示为分隔）的所有内容替换handsome.min.css文件.fa-home:before之后的所有内容最后把handsome.min.css文件代码用CSS格式化工具重新压缩保存修改版本号为了保证所有用户即时生效，需要到libs\Handsome.php中，把$versionTag后面的值+1就可以了