hexo博客主题推荐wordpress社交主题腾讯云开发者社区

主题目录下的_config.yml配置文件中:

实现方法,引入js文件,在主题文件下的/source/js/下新建funnyTitle.js,增加以下代码:

#profileinaboutpage,includingavatars,career,andpersonalintroductions.#在”关于”页面中配置个人信息,包括头像、职业和个人介绍.profile:avatar:/medias/avatar.jpgcareer:SoftwareEngineerintroduction:Ifyouwishtosucceed,youshouldusepersistenceasyourgoodfriend,experienceasyourreference,prudenceasyourbrotherandhopeasyoursentry.24.404页面原来的主题没有404页面,首先在主题目录下的/source/目录下新建一个404.md,内容如下:

---title:404date:2017-07-1916:41:10type:"404"layout:"404"description:"你访问的页面被外星人叼走了:("---然后在主题目录下新建一个/layout/404.ejs文件,内容如下:

找到/layout/_partial/footer.ejs文件,修改对应样式为

npminstall--savehexo-helper-live2d安装下载动画人物库,动画人物有很多,可以网上查询资料,下面推荐几种.

npminstall--savelive2d-widget-model-shizuku#课桌女孩npminstall--savelive2d-widget-model-hibiki#御姐npminstall--savelive2d-widget-model-wanko#狗狗npminstall--savelive2d-widget-model-haruto#海军服女孩npminstall--savelive2d-widget-model-miku#萝莉博客根目录_config.yml文件配置:

##添加动画live2d模块npminstall--savehexo-helper-live2d##下载动画人物库npminstalllive2d-widget-model-z16-Dlive2d:enable:truescriptFrom:local#默认pluginRootPath:live2dw/#插件在站点上的根目录(相对路径)pluginJsPath:lib/#脚本文件相对与插件根目录路径pluginModelPath:assets/#模型文件相对与插件根目录路径tagMode:false#标签模式,是否仅替换live2dtag标签而非插入到所有页面中debug:false#调试,是否在控制台输出日志model:use:live2d-widget-model-mikudisplay:position:right#动画位置width:150height:190#位置配置,这个在左侧边栏位置很居中hOffset:50#调节水平位置vOffset:-5#调节垂直位置mobile:show:false#是否在移动设备上显示scale:0.5#移动设备上的缩放react:opacityDefault:0.7opacityOnHover:0.827.雪花和樱花效果添加雪花飘落效果在主题目录下新增/source/js/snow.js文件,添加内容:

#雪花特效snow:enable:true添加樱花飘落效果在主题目录下新增/source/js/sakura.js文件,添加内容:

#樱花特效sakura:enable:true28.鼠标点击爱心效果鼠标点击样式1在主题目录下/source/libs/others/clicklove.js文件中为鼠标点击爱心效果代码.

/*鼠标点击文字特效*/vara_idx=0;jQuery(document).ready(function($){$("body").click(function(e){//vara=newArray("富强","民主","文明","和谐","自由","平等","公正","法治","爱国","敬业","诚信","友善");vara=newArray("富强","民主","文明","和谐","自由","平等","公正","法治","爱国","敬业","诚信","友善");var$i=$("").text(a[a_idx]);a_idx=(a_idx+1)%a.length;varx=e.pageX,y=e.pageY;$i.css({"z-index":999999999999999999999999999999999999999999999999999999999999999999999,"top":y-20,"left":x,"position":"absolute","font-weight":"bold","color":"rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"});$("body").append($i);$i.animate({"top":y-180,"opacity":0},1500,function(){$i.remove();});});});在主题目录下/layout/layout.ejs里添加如下代码:

首先安装hexo-admin插件

编辑后还可以快速部署发布.不过还是更喜欢在typora上面写markdown语法,如果部署在自己的服务器上面可以使用该功能,部署在gitee或github上还是无法使用.

有时候请求busuanzi数据比较慢,然后浏览量和访问人数就会隐藏,可能是默认的,在matery.css中增加以下代码可以让它一直显示.

#背景静止彩带.ribbon:enable:false#改为true即可开启背景静态彩带size:150#彩带大小,默认:90.alpha:0.6#彩带透明度(0~1),默认:0.6.zIndex:-1#背景的z-index属性,css属性用于控制所在层的位置,默认:-1.clickChange:false#设置是否每次点击都更换彩带.背景动态彩带主题目录下的/layout/layout.ejs文件主题目录下_config.yml中动态彩带的配置项:

<%if(theme.ribbon_dynamic.enable){%><%}%>主题目录下_config.yml中动态彩带的配置项:

#背景动态彩带.ribbon_dynamic:enable:true#改为true即可开启背景动态彩带背景canvas主题目录下的/layout/layout.ejs文件主题目录下_config.yml中canvas的配置项:

新建相册(壁纸)文件

hexonewpagewallpaper修改主题目录下的_config.yml文件,我的是提取到清单-相册导航处.

Lists:##清单url:/icon:fasfa-listchildren:-name:音乐url:/musicsicon:fasfa-music-name:电影url:/moviesicon:fasfa-film-name:阅读url:/booksicon:fasfa-book-name:壁纸url:/wallpapericon:fasfa-image修改站点/galleries/index.md文件

---title:壁纸date:2019-02-0421:35:22layout:wallpaper---主题目录下新建/layout/wallpaper.ejs文件,添加内容如下:

#在“关于”页面配置"我的相册"图片,如果你不需要这些信息则可以将其设置为不激活或者将其删除.myGallery:enable:truedata:-/medias/featureimages/0.jpg-/medias/featureimages/1.jpg-/medias/featureimages/2.jpg修改相册布局,找到/source/css/matery.css文件,修改如下部分:

原理其实就是三个a标签,里面包含头像,地址等信息,点击后跳转到对于的地址.那么我们也可以自定义一个相册列表的配置文件(galleries.json)和模板文件(galleries.ejs),然后hexo读取配置文件,自动生成相册列表界面,如果可以这样优化,后面新增相册就只需要在配置文件galleries.json中维护相册信息即可.(增删改)

那我们说干就干,下面开始咯.

这里要修改几个文件:

主题目录下的配置文件_config.yml,不要跟站点根目录下的同名文件搞混了,在menu下添加以下代码:

menu:Lists:##清单url:/crystal-blogicon:fasfa-listchildren:#此处省略其他菜单-name:壁纸url:/wallpapericon:fasfa-image-name:相册url:/galleriesicon:fasfa-camera在站点根目录source下新建galleries目录,然后在该目录下新建index.md,就会生成index.html文件了

hexonewpage"galleries"修改/galleries/index.md文件,指定布局界面:

---title:我的相册date:2021-08-2519:56:35type:gallerieslayout:galleries---添加相册配置文件在主题目录下新建/source/_data/galleries.json文件,按照自定义约定添加如下的相册配置内容(我维护了三个相册):

透明导航栏经常给我造成阅读障碍,可以设置不使用透明导航栏,指定好看的颜色.找到主题目录下的/source/css/matery.css文件,修改如下部分:

header.nav-transparent{background-color:transparent!important;/*background-color:#000B3F;*//*修改导航栏不透明#16103f#4cbf30#7371BC*/background-image:none;box-shadow:none;}37.添加快捷导航在博客根目录下的\source\_posts\navigate\index.md目录下新建快捷导航:

hexonewpagenavigate修改主题目录下的_config.yml文件,添加快捷导航菜单:

##快捷导航menu://....此处省略其他菜单Navigate:url:/navigateicon:fasfa-location-arrow修改站点/navigate/index.md文件

---title:快捷导航date:2021-08-2916:25:05layout:navigate---主题目录下新建/layout/navigate.ejs文件,添加内容如下:

hexonewpagemusics主题目录下的_config.yml文件中添加[清单-音乐]菜单:

menu://此处省略其他菜单项Lists:##清单url:/icon:fasfa-listchildren:-name:音乐url:/musicsicon:fasfa-music修改音乐文件/musics/index.md指定布局配置:

---title:musicsdate:2021-08-2519:55:53layout:musics---主题目录下新增音乐布局文件/layout/musics.ejs,添加如下内容:

npminstallhexo-tag-mtime--save新增电影导航页面,博客根目录下生成/source/movies/index.md文件:

hexonewpagemovies/source/movies/index.md文件添加如下内容:

在主题目录下的/source/js/matery.js文件添加js代码:

在主题目录下创建/layout/_partial/valine.ejs文件,添加如下内容:

下面这个版本也可以,去gitHub克隆下来,然后使用他的valine.min.js替换本地的即可.

valine.ejs文件中是引用valine.min.js的方式需要在主题目录下的_config.yml文件中搜索关键词libs,找到js,在js引用配置的最后一行然后添加:

valine:/libs/valine/Valine.min.js这样下面的引用方式就能找到/lib/js/valine/valine.min.js文件

将/Artitalk/dist/css/下的artitalk.min.css复制到主题目录/source/libs/artitalk下;

将/Artitalk/dist/js/下的artitalk.min.js复制到主题目录/source/libs/artitalk下;因为要和matery主题引入风格保持一致,修改主题配置_config.yml文件,搜索关键词libs,

找到css在最后一行添加:

artitalk:/libs/artitalk/artitalk.min.css找到js,在最后一行添加:

artitalk:/libs/artitalk/artitalk.min.js我列一下最终效果,因为原来有很多,我就不全部列出了,只要知道最后一行加就可以了,注意对齐,如下:

libs:css:fontAwesome:/libs/awesome/css/all.css#V5.11.1materialize:/libs/materialize/materialize.min.css#1.0.0artitalk:/libs/artitalk/artitalk.min.css#最后一行添加js:jquery:/libs/jquery/jquery.min.jsmaterialize:/libs/materialize/materialize.min.js#1.0.0artitalk:/libs/artitalk/artitalk.min.js#最后一行添加找到主题目录下/layout/_partial/head.ejs,在头部引入css:

最后创建页面,手工创建或者执行hexo命令创建都可以.

hexonewpage"artitalk"在hexo的source目录会生成一个artitalk文件夹,修改里面的index.md:

---title:artitalkdate:2021-09-0320:31:58type:artitalklayout:artitalk---主题目录下的_config.yml文件配置菜单:

Front-matter选项中的所有内容均为非必填的。但仍然建议至少填写title和date的值。

THE END
1.超详细教程:目前国家允许的彩票网站频道首页首页 超详细教程:目前国家允许的彩票网站 2024-12-08 10:58 · 0次播放 发布于:广东省 隐者的娱乐室 +订阅 +1 评论 全部 还没有人评论过,快来抢首评 写评论相关推荐 查看更多精彩内容 https://m.sohu.com/a/834309258_122145557
2.购彩app官网下载购彩app官网安卓下载购彩app官网给到彩库程序使用,提供更多与彩票相关的信息,中奖后按比例分红,精彩的国际活动随时观看,拥有最全面的彩票玩法,此外专家情报解析,及时推荐准确分析,能充分的购票形式,且权势工具归纳,快来下载体验吧。购彩app官网下载-购彩app官网安卓下载-2024购彩app官网下载大全33http://m.downyi.com/key/rehpbo
3.上上签?专属幸运?星空体育官网入口网址hwdb.io 有什么赌博软件可靠的 老虎app破解版最新版能进入吗 爱玩彩票安卓下载 好彩网好彩论坛 澳门一号游戏网址多少? 蒲京赌侠2020网上正规买球app有哪些 澳门 下载 大连天健棋牌官网812.3最新版官方游戏大厅有多少.cc 立博官方网站 金莎官网 棋乐休闲亭 银河,游戏 乐鱼官网入口网页版http://iixkygb.scyd888.cn/
4.上上签?专属幸运?买球的软件推荐 乐动体育app下载 永利澳门 详情 电玩城手机游戏 在哪可以赌博 详情 博道投资是真的吗 永盈彩票官方app下 详情欢乐谷百度百科_北京欢乐钻石娱乐唯一登录网址 开云官网网址hwdb.io 万源圣魔录下载 完美体育 win866 银河网址打不开了 黄金城新网站 176棋牌 金年会体育金字招牌信誉至上 36http://www.shebaow.com/
5.第九届中国生活服务业大会致力产业融合提质增效促消费澳门官方彩票软件app下载 welcome登录密码 星空体育官网网址hwdb.io 菲律宾美创地产 一分快三的直播平台app推荐 银河pc28 缅甸网上在逃人员查询平台 纳达尔大师赛决赛次数 十大正规买足球网站 澳门金沙49333老怎么样 盛大官网正版传奇 纬来体育台节目单 佛山皇博体育器材有限公司 最可靠的彩票平台 雷神之锤比赛http://wap.qbfgk.cn/
6.上上签?专属幸运?最好的外围app推荐 一块钱可以买彩票吗 赌博挣钱的软件下载 ag九游国际 bob平台官网入口 tb平台下载 澳门银银河官方网8228的备案号和关键词排名 盈佳国际娱乐会所地址 东赢体育平台官网入口下载 网易棋牌官网安卓版 leg乐游棋牌贴吧 阿尔巴尼亚vs意大利实时比分 金沙集团官网app下载安装 十大正规网赌网址大全 http://qhpb.aixueju.com/
7.山东一女子扔掉破洞打底裤,妈妈捡回做成“补丁版”:不会再穿,但这大发vip彩票官网 速雷是什么软件 永利皇官网dvPP臷 腾讯分分彩稳赢技巧方法 C罗发型图解 欢乐炸金花游戏 威尼斯的别称是什么? 环球体育登录页面 金贝充值是什么平台 pg电子直营站网址hwdb.io 博天堂足球网 东海体育中心 芝麻麻将下载 九州官网电话 南宫集团加拿大28创始人 贵宾网最经典的一句 泛亚电竞官http://hcylsy.com/
8.上上签点击入口恭喜获奖!霍启刚晒与马龙合影龙队获誉c7娱乐是真的吗 九州网上商城 太阳游戏官方网站 大发官方版下载安 亚仿集团最新消息 crazy铁杆杆身 澳门沙金博雅网站中文版 赌币机怎么调难度 星空体育在线进入网址hwdb.io 易倍emc官网 新编朝代歌 华尔街投资机构 大发体育官网网站 乐享体育 pg电子赌博程序谁做的 bc体育app下载 2348太阳 永盈会登录 http://ykjana.cn/
9.上上签?专属幸运?爱游戏app最新版破解版 正规买球平台有哪些软件可以用的 天娱商城 云顶网上赌场官网 龙虎真形图 万家乐ayx爱游戏官网首页 6分彩票正规平台 九游会j9官方入口 麻将胡分是什么意思 国内买球软件 澳门网站星空体育网页版网址hwdb.io 亚娱集团是黑台子吗 澳门威斯尼斯人pg电子游戏 皇浦娱乐场官方下载 金http://jingdongbanli.cn/
10.提醒:明天可买10月1日火车票新时代赌场手机版下载安装 申城网上娱乐 欧冠买球推荐哪个球队 金贝棋牌官网有820.3版本官方最新游戏大厅吗.中国 北单投注对阵表 十大正规彩票网站下载 天津大发云官方网 开云app官网入口网址hwdb.io 美团下载安装app 怎样在手机上安装赌博软件呢 lol正规押注平台半岛 体验金官网平台 多宝平台网址是什么 pp电http://www.haojunsp.cn/
11.上上签?专属幸运?分分彩彩票平台 网上排版接活的平台有哪些 ag登录方式 利澳注册网址 游戏厅赌币机 真人斗地主电脑哪个软件可以买球鞋 澳门人威尼斯官网大平台 吉利网站 金星国际娱乐会所地址 网赌游戏软件开发app安装http://wt.office007.cn/
12.上上签?专属幸运?天猫网购网站 pg电子直营站网址hwdb.io 我想看真人世界游戏 体育外围平台app下载安装 bet356亚洲版押注比赛的平台叫什么 腾讯十分彩是正规彩票吗 sky天空体育app 必赢手机登录网址是多少 球棎比分足球可以网上买球的软件 c7c7.cpp苹果 皇冠hg2021手机app下载 能看片的澳门娱乐官方网站 云顶集团网站http://rrxasbk.czyuhua.com/
13.上上签?专属幸运?威尼斯网上网址是什么 新东方现在怎么办 老凤凰彩票送28元 博鱼·体育(中国)官方入口登陆 同乐集团押注lol是赌博么 开云官网网址hwdb.io 威趣游戏中心官网充值 正规赛车 沙巴在哪 博鱼全站中国 多赢http://www.ospcn.com/
14.上上签?专属幸运?赌博篮球巨星 大众网上4s店 娱玩游戏平台 盈禾国际备用地址 ag_game best365足球彩票官网 黄金网站app软件下载3.0版本安卓 nba买球用什么软件 百老汇游戏开云app官网入口网址hwdb.io 赢三张免费版下载 优博登录注册网址 分分快3手机购买 msn下载安卓版下载 威尼斯官网国际 斗牛牛游戏金币版 大小单双平台http://www.flexcrm.cn/
15.上上签?专属幸运?f88体育在线平台 现在网上彩票什么彩种最公平呢 pg电子游戏网站非凡 英雄联盟竞猜哪里买 百丽娱乐 万博亚洲客户端官网 海峡国际户型图 多宝体育app在线下载pg电子直营站网址hwdb.io 皇都国际娱乐送 90160 42 2024-11-22 15:06:33 将棋 游戏 什么平台买足球安全 41857 2 2024-11-22 21:29:22 英亚体育官http://www.huihaopomo.com/
16.上上签?专属幸运?阳新太阳城二期 雅彩彩票网 网上威尼斯不给提现怎么办 鼎博官网下载 新得利客户端手机版 星奥体育电话 澳门正规电子娱乐公司 雷竞技raybet最新版下载 nvr8手机客户端 星空体育官网入口网址hwdb.io 老凤凰彩票网 皇冠线上体育官方平台 安博官网 好运来餐饮管理有限公司 英雄联盟比赛投注网站 极速电竞官网入口http://www.bjqcxyzy.com/
17.上上签?专属幸运?彩票365安卓版本下载 网上娱乐 单机版森林舞会278游戏 背背佳是什么东西 pg电子是什么平台 网上买欢乐谷门票如何进入 华纳公司开户联系方式 辉煌人力资源市场星空体育官网入口网址hwdb.io m6在线登陆 线上赌博手机app下载 det365手机版 view下载 博鱼体育官网网站 口碑最好的网上娱乐 易球成名网页 2138太阳http://xm7p79jzhh81o348j.isites.cn/
18.从0到1编写个人博客项目使用springboot+vue(前后端分离)到购买服务? 闲话少叙、这篇博客主要写在使用springboot+vue编写前后端分离的个人博客项目中会遇到的困惑与解决方法、至于项目架构方面的思考可以选择性看、毕竟初期设想不可能与最终一致、所以多关注问题及其解决方案才是能收获最大的。 项目地址:http://8.134.81.146/ https://blog.csdn.net/qq_43483251/article/details/128141561
19.www.hpe.com/psnow/recommend/d7391279d57b4d028a9cRhlekTfEQDdGSY849GhIVLcixMahIUxNuZ01HadIiKuwnU3as+TtsEgLMcCqiodXRPTS9xKf51y7vnFcEsrLOYzTNIEurEUaq6bPimqFFJN0+CpQyXXdxcmQypY+EumMmDwCowPuGHWDbPr4Q9hFgi0INz/GJ9NumFUOLm4qLTJKsU0VZmZxkhttps://www.hpe.com/psnow/recommend/d7391279-d57b-4d02-8a9c-a259a8acaadf?l=en_ae
20.麻将胡了网址hwdb.io五、比赛制度与奖励机制 “麻将胡了网址hwdb.io”设置了完善的比赛制度与奖励机制。通过参加比赛,玩家可以获得丰厚的奖励,激发玩家的积极性。同时,比赛制度也促进了玩家之间的竞争与交流,提高了游戏的趣味性。 六、总结与展望 “麻将胡了网址hwdb.io”作为一款网络麻将游戏,凭借其丰富的玩法、策略与技巧、良好的用户https://wap.handannews.com.cn/news/content/2022-05/24/content_201931790.html
21.上上签?专属幸运?华尔街在线观看 爱乐透彩票门户户 2020亚洲杯买球app 网上游故宫 奇迹娱乐客服电话 华为老虎机下载安装 欧宝娱乐官网app下载 豪城音乐会所 新大陆是什么星空体育官网入口网址hwdb.io obao欧宝体育 竞彩比分500彩票网 永胜娱乐有风险吗 leyur 金都国际游戏网站可靠吗 怡博茶叶多少钱一盒 c7pa是什么车 http://www.ssjncl.com/