[Blogroot]\themes\butterfly\layout\includes\custom\businesscard.pug,
每次百度问题看到别人的个性博客,都纳闷是怎么来的,本教程教你搭建一个自己的个性博客平台。...采用当前流行的博客开源框架hexo+oschina,别问为啥不用github~~~支持国产,哈哈哈 准备工作 1 本地安装nodejs环境 oschina帐号 oschina上创建同名项目,如我oschina...自己的博客项目 3 找一个自己喜欢的目录,创建一个名字为【xxx.oschina.io】的文件夹,xxx为你刚才创建的项目名 项目初始化,进入项目根目录的上一级,执行:hexo init xxx.oschina.io
摘要:上一节主要介绍了基本环境的配置,通过上一节的操作,已经能完成简单博客的搭建,但是还有很多不完美的地方,比如主页显示内容太多等。...本节主要介绍如何个性化定制自己的blog,主要涉及到主题的安装以及设置,插入图片技巧,以及首页显示摘要等。 再次声明,本文中的所有操作都是基于windows操作系统,具体版本为win10 64位。...主题的安装以及配置 hexo框架可以选用多种主题渲染,主题主页为:https://hexo.io/themes/ , 用户可以在该网站下载任意主题并进行个性化配置。...(1) 下载主题:将next主题下载到博客目录下的themes里面的next文件夹中。...图中三步分刚好对应了github上的目录,public是主目录,第二个是每个博客网页的目录,图片都在images目录中,博客网页目录中只有一个index.HTML文件,刚好图片引用地址为:…/images
之前一篇文章分享了在WordPress 添加个性化的萌妹子的方法(见:《WordPress 添加个性化的博客宠物(妹纸篇)》),不过那个不适合广大的男汉纸的博客,因此今天带来个适合男同胞博客的博客宠物。...WordPress 添加个性化的博客汉纸相关文件 ? ?...教程中要用到的文件有:一张图片、spig.js文件 下载地址:直链下载 百度网盘 华为网盘 WordPress 添加个性化的博客汉纸篇教程 一、CSS 将下载得到的spig.png放在主题的images...三、HTML 在主题的footer.php 文件下(一般是前)加入以下代码: 加载中…
某日闲逛看到的某个博客上的一个博客宠物,准确来说不是宠物,人家可是萌妹纸啊!看看右侧这个图,就是这个萌妹纸了(后来用谷歌相似图片搜索才发现是死亡笔记的)。让我感到有点跌眼镜的是,那个博客主是个汉纸!...看来下代码,发现代码是博客捣鼓笔记的博主木木的作品,不过这个博客现在已经挂了。...给大家献上添加到这个萌妹纸到你的WordPress 主题的方法,但,建议汉纸慎用,下次再分享个适合汉纸的…… WordPress 添加个性化的博客妹纸相关文件 教程中要用到的文件有:一张图片、spig.js...文件 下载地址:直链下载 百度网盘 华为网盘 WordPress 添加个性化的博客妹纸篇教程 一、CSS 将下载得到的spig.png放在主题的images文件夹里(应该都有吧?)...三、HTML 在主题的footer.php 文件下(一般是前)加入以下代码: 加载中…
当你登陆百度账号后,进入百度首页会显示新的个性首页,不仅仅有搜索框,下面还有一个小型导航,放着你经常去的网站。 百度提供了一键添加到百度首页的按钮代码。...t=" + Math.ceil(new Date()/3600000); 有注释就很简单了,将上面的那个 html 结构插入到模板中或者新建边栏 widget 放进去,然后将下面的
博客园美化: 1.添加公告栏显示个性化时间 效果图: 管理-设置-博客侧边栏公告...版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。 特此声明:所有评论和私信都会在第一时间回复。
目录 开放的博客园 主题推荐 自定义主题配置CSS 自定义主题配置JS 页面加载loading 页面看板 动态背景 标签动效 开放的博客园 在国内,开源社区有很多,比如:掘金、CSDN...、51CTO、开源中国、InfoQ等,但是可以自定义主题的却只有博客园一家 对于技术社区而言,能够自定义主题,方能展现程序员们自己的个性。...经过自己的摸索,终于将自己的 博客园主页 设置成了自己满意的样式,如下图所示: 该代码均已开源在Github上:极客飞兔的Github 极客飞兔博客首页 极客飞兔博客详情页...自定义主题配置CSS 在JS权限申请通过后,我们就可以设置自定义主题了 当项目编译后,会在 dist 目录下生成css和js两个文件,我们只需要将这两个文件内容分别复制放到页面定制CSS代码和页脚HTML...└─silence.min.js 配置样式代码 自定义主题配置JS 当然配置JS也可以跟CSS一样,在页脚HTML代码中使用 标签进行包裹即可 当然也可以将生成的JS
今天写到API返回json数据的类型,需要了解Content-Type的相关类型,特此将搜到的信息来进行汇总 Content-Type的类型如下: 常见的媒体格式类型如下: text/html...: HTML格式 text/plain :纯文本格式 text/xml : XML格式 image/gif :gif图片格式 image/jpeg :jpg
在如今数字化时代,拥有一个个性化的个人网页已经成为展示自己、分享经历和展示技能的重要途径。本文将介绍如何使用HTML制作一个简单而有个性的个人网页,并通过几个简单的步骤来打造你自己的在线身份。...在设计个人网页时,你可以根据自己的需求和喜好,自由组合和调整各个部分的内容和布局,以打造一个个性化、专业化的个人网页。...第二步:编写HTML代码 接下来,我们将使用HTML编写个人网页的基本结构。以下是一个简单的例子: <meta name="viewport" content="width...在这篇文章中,我们介绍了如何为个人网页添加样式,使得它更具吸引力和<em>个性</em>化。在下一篇文章中,我们将介绍如何通过JavaScript为网页添加交互功能,使得网页更加生动和有趣。
今天我花费了整整一下午的时间去提取了typecho主题g的html提取,看着贼顺眼hhhc,来分享一下如何从php博客程序中提取主题。...然后,新建一个html文件。 依据index.php中的need依次复制。 拿G来说,G的index是这样的: need('header.php'); ?>及以上的内容。)
✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 关于作者: 历任研发工程师,技术组长,教学总监;曾于2016年、2020年两度荣获CSDN年度十大博客之星。...一、网站题目 个人博客网站、个人主页介绍、个人简介、个人博客设计制作 、等网站的设计与制作。...网站文件方面:网站系统文件种类包含:html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件; 网页编辑方面:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver...其中: (1)html文件包含:其中index.html是首页、其他html为二级页面; (2) css文件包含:css全部页面样式,文字滚动, 图片放大等; (3) js文件包含:js实现动态轮播特效...">我的收藏最新文章视频留言板
name: 足迹地点的名称desc:足迹地点的描述, \n 为换行符photos:足迹地点的照片链接,为一组图片 url 数据freq:足迹地点的到访次数,范围为 [1, 10]使用配置将足迹地图内嵌到你博客中的相应位置...important;" src="http://xxxx/xxxx/index.html" width="100%" height="100%">地图样式调整默认的地图为中国地图,足迹点的样式及背景样式都是固定的...JVectorMap,关于基本的样式定义可以参考官网 https://jvectormap.com/documentation/javascript-api/jvm-map内容地址:wuzuhua.cn/478.html
制作自己的个性化电子邮件签名 您是不是经常给朋友发E-mail?...2、选择“文件/另存为”,选择要保存的文件夹,将保存类型选为“HTML文件”,输入文件名如“1.htm”,然后单击“保存”按钮。重复“另存为”操作,选择保存类型为“文本文件”。关闭“新邮件”窗口。...当然,如果以HTML签名格式回复未尝不可,但如果对方只接收文本格式的邮件,必然会过滤掉图片和声音,所以最好发原邮件格式回复。新邮件签名不要以印章(图片)代替署名,以防对方因过滤掉图片,而不知您的姓名。...发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/184133.html原文链接:https://javaforall.cn
给博客加点年味 .ct2 .mn {width:770px;}.ct2 .sd {width:218px;} <div
我们在闲逛的时候,会发现有些站有一个"高级安全认证"标识(如图一),很好奇是怎么认证的,其实普通站长也是可以利用HTML生成一个页面啦!...认证介绍 有需要的盆友可以在信安(https://www.cnmstl.net/)进行申请证书,这里不过多说了,下面就是源码的使用方式,直接根目录解压,然后更改index.html内容,更换成自己的网站即可
说明 本源码完全开源,下载地址在文章末尾 版权为本博客所有,未经允许禁止搬运 介绍 本项目为开源项目 图片 这款个人主页简约而不失优雅,背景图片为随机api,共有38张随机图片,每次刷新都会看到不一样的美图...头像地址 图片 在代码的第236行修改 名称、一言、简介 图片 在代码的第239-248行修改 站点 图片 在代码的第250行至末尾 下载地址 https://blog.shuaiguo.xyz/24.html
免费且实用的WEB前端学习指南: 【web前端零基础到高级学习视频教程 120G干货分享】 关于作者: 历任研发工程师,技术组长,教学总监;曾于2016年、2020年两度荣获CSDN年度十大博客之星... @TOC 一、网站题目 个人博客网站、个人主页介绍、个人简介、个人博客设计制作 、等网站的设计与制作。...其中: (1)html文件包含:其中index.html是首页、其他html为二级页面; (2) css文件包含:css全部页面样式,文字滚动, 图片放大等; (3) js文件包含:js实现动态轮播特效...="IE=edge"> 个人博客...">我的家乡 我的爱好 给我留言</
公告栏个性时间显示的实现 ? 相信大家也看到了右侧公告栏的动态时钟的效果,是不是感觉还挺不错的?...src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.js"> 添加方式:进入自己的博客园...->设置,将以上html代码添加到“博客侧边栏公告” 原理:学过js的会知道,就是引用了一个封装好的js,内部实现机制是Flash。
✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 关于作者: 历任研发工程师,技术组长,教学总监;曾于2016年、2020年两度荣获CSDN年度十大博客之星。...网站文件方面:网站系统文件种类包含:html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件; 网页编辑方面:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver...其中: (1)html文件包含:其中index.html是首页、其他html为二级页面; (2) css文件包含:css全部页面样式,文字滚动, 图片放大等; (3) js文件包含:js实现动态轮播特效...四、网站演示 图片 图片 五、⚙️ 网站代码 HTML结构代码 博客世界 <link rel="stylesheet" href
领取专属 10元无门槛券
手把手带您无忧上云