首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Hexo搭建自己的个性博客

Hexo系列 2019年6月 25 个人博客对我而言是一个记录及分享的地方。 如今网易博客已经关闭, 虽然还有很多其他博客, 但哪里有拥有自己域名的博客来的更帅气呢?...❥ Git ❥ Nodejs 搭建博客的必要条件 ? 搭建博客两个必要条件:(Hexo 安装如上图) 博客框架+托管平台,这里框架我们采用Hexo,而平台大部分人会选择GitHub。...访问http://localhost:4000/ 即可看到博客效果 关于更多Hexo的设置可访问官网:https://hexo.io/zh-cn/docs/ 博客部署 创建Gitee账号 访问 https...稍等一会儿博客就发布成功啦,访问博客地址:https://a2data.gitee.io/ ,就可以问在线博客啦!!!...如果博客的样式不对,则需要在_config.yml中配置下博客地址和路径: url: https://a2data.gitee.io/ root: / 修改完成后,再执行命令hexo clean &&

69010
您找到你想要的搜索结果了吗?
是的
没有找到

通过github搭建个人博客2-博客个性化设置

摘要:上一节主要介绍了基本环境的配置,通过上一节的操作,已经能完成简单博客的搭建,但是还有很多不完美的地方,比如主页显示内容太多等。...本节主要介绍如何个性化定制自己的blog,主要涉及到主题的安装以及设置,插入图片技巧,以及首页显示摘要等。 再次声明,本文中的所有操作都是基于windows操作系统,具体版本为win10 64位。...主题的安装以及配置 hexo框架可以选用多种主题渲染,主题主页为:https://hexo.io/themes/ , 用户可以在该网站下载任意主题并进行个性化配置。...(1) 下载主题:将next主题下载到博客目录下的themes里面的next文件夹中。...图中三步分刚好对应了github上的目录,public是主目录,第二个是每个博客网页的目录,图片都在images目录中,博客网页目录中只有一个index.HTML文件,刚好图片引用地址为:…/images

47740

WordPress 添加个性化的博客宠物(妹纸篇)

某日闲逛看到的某个博客上的一个博客宠物,准确来说不是宠物,人家可是萌妹纸啊!看看右侧这个图,就是这个萌妹纸了(后来用谷歌相似图片搜索才发现是死亡笔记的)。让我感到有点跌眼镜的是,那个博客主是个汉纸!...看来下代码,发现代码是博客捣鼓笔记的博主木木的作品,不过这个博客现在已经挂了。...给大家献上添加到这个萌妹纸到你的WordPress 主题的方法,但,建议汉纸慎用,下次再分享个适合汉纸的…… WordPress 添加个性化的博客妹纸相关文件 教程中要用到的文件有:一张图片、spig.js...文件 下载地址:直链下载 百度网盘 华为网盘 WordPress 添加个性化的博客妹纸篇教程 一、CSS 将下载得到的spig.png放在主题的images文件夹里(应该都有吧?)...三、HTML 在主题的footer.php 文件下(一般是前)加入以下代码: 加载中…

1.4K50

彰显个性博客园的自定义主题「建议收藏」

目录 开放的博客园 主题推荐 自定义主题配置CSS 自定义主题配置JS 页面加载loading 页面看板 动态背景 标签动效 开放的博客园 在国内,开源社区有很多,比如:掘金、CSDN...、51CTO、开源中国、InfoQ等,但是可以自定义主题的却只有博客园一家 对于技术社区而言,能够自定义主题,方能展现程序员们自己的个性。...经过自己的摸索,终于将自己的 博客园主页 设置成了自己满意的样式,如下图所示: 该代码均已开源在Github上:极客飞兔的Github 极客飞兔博客首页 极客飞兔博客详情页...自定义主题配置CSS 在JS权限申请通过后,我们就可以设置自定义主题了 当项目编译后,会在 dist 目录下生成css和js两个文件,我们只需要将这两个文件内容分别复制放到页面定制CSS代码和页脚HTML...└─silence.min.js 配置样式代码 自定义主题配置JS 当然配置JS也可以跟CSS一样,在页脚HTML代码中使用 标签进行包裹即可 当然也可以将生成的JS

84910

打造个性化的个人网页:从HTML到个人品牌

在如今数字化时代,拥有一个个性化的个人网页已经成为展示自己、分享经历和展示技能的重要途径。本文将介绍如何使用HTML制作一个简单而有个性的个人网页,并通过几个简单的步骤来打造你自己的在线身份。...在设计个人网页时,你可以根据自己的需求和喜好,自由组合和调整各个部分的内容和布局,以打造一个个性化、专业化的个人网页。...第二步:编写HTML代码 接下来,我们将使用HTML编写个人网页的基本结构。以下是一个简单的例子: <meta name="viewport" content="width...在这篇文章中,我们介绍了如何为个人网页添加样式,使得它更具吸引力和<em>个性</em>化。在下一篇文章中,我们将介绍如何通过JavaScript为网页添加交互功能,使得网页更加生动和有趣。

17110

如何使用HTML制作个人网站(如何搭建个人博客

✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 关于作者: 历任研发工程师,技术组长,教学总监;曾于2016年、2020年两度荣获CSDN年度十大博客之星。...一、‍网站题目 ‍个人博客网站、‍个人主页介绍、个人简介、个人博客设计制作 、等网站的设计与制作。...网站文件方面:网站系统文件种类包含:html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件; 网页编辑方面:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver...其中: (1)html文件包含:其中index.html是首页、其他html为二级页面; (2) css文件包含:css全部页面样式,文字滚动, 图片放大等; (3) js文件包含:js实现动态轮播特效...">我的收藏最新文章视频留言板

1.3K20

html邮件签名制作,制作自己的个性化电子邮件签名

制作自己的个性化电子邮件签名 您是不是经常给朋友发E-mail?...2、选择“文件/另存为”,选择要保存的文件夹,将保存类型选为“HTML文件”,输入文件名如“1.htm”,然后单击“保存”按钮。重复“另存为”操作,选择保存类型为“文本文件”。关闭“新邮件”窗口。...当然,如果以HTML签名格式回复未尝不可,但如果对方只接收文本格式的邮件,必然会过滤掉图片和声音,所以最好发原邮件格式回复。新邮件签名不要以印章(图片)代替署名,以防对方因过滤掉图片,而不知您的姓名。...发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/184133.html原文链接:https://javaforall.cn

4.5K20
领券