maupassant主题如何修改favicon

最新推荐文章于 2024-04-12 09:44:53 发布
最新推荐文章于 2024-04-12 09:44:53 发布
阅读量288 收藏
点赞数
分类专栏： Hugo 文章标签： Hugo maupassant
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013164931/article/details/127077728
版权
本文介绍了如何为Hugo的maupassant主题制作和切换个人专属的favicon，包括使用美图秀秀和icongen工具，以及将favicon图标添加到博客的static目录。
摘要由CSDN通过智能技术生成

0. 序言

0.1 本文的目录

outline

0.2 阅读本文可以给你带来什么

可以为Hugo maupassant主题修改favicon。

1. 工具

1.美图秀秀

2.icongen

2. 切换favicon

2.1 制作个人专属图标

新建白色画布，然后添加文字，选择自己喜欢的字体，如下图所示。

luo-logo

2.2 制作favicon

将图片上传至

https://cthedot.de/icongen/#output

icongen

下载压缩包解压后的图片如下图所示：

<

最低0.47元/天 解锁文章
萝卜头LJW
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Maupassant主题个性化
qq_40725327的博客
03-28 262
hexo相关文章： 用Hexo搭建博客 将Hexo部署到vps，实现自动发布 主要内容 Disqus评论系统 不蒜子页面访问计数 添加捐赠按钮 网站图标 添加页面 中文设置 等等 详细操作步骤 Disqus评论系统 Hexo添加评论系统，这篇文章写的很详细，步骤都很简单 不蒜子页面访问计数 修改_config.yml文件中的busuanzi为true 因为作者没有使用的原因，并未发现...
vue修改favicon和浏览器标签title
qq_42682745的博客
01-01 1138
修改favicon（vue2） 将public目录下的favicon.ico替换为自己的 有个img目录，反正我删了。 修改vue.config.js文件，没有在根目录中建一个。内容如下： module.exports = { pwa: { iconPaths: { favicon32: 'favicon.ico', favicon16: 'favicon.ico', appleTouchIcon: '
Maupassant-Hugo：打造优雅而高效的静态网站
最新发布
gitblog_00001的博客
04-12 420
Maupassant-Hugo：打造优雅而高效的静态网站 项目地址:https://gitcode.com/flysnow-org/maupassant-hugo 项目简介 Maupassant-Hugo 是一款基于 Hugo 框架的现代化博客主题，旨在为用户提供简洁、高性能且易自定义的静态站点生成方案。它的设计灵感源于经典的Maupassant，以其简约之美和内在的力量吸引着读者。 技术分析 H...
修改favicon.icon图标
resilient的博客
09-03 1860
1.favicon.icon的图标在网站中一般默认在根目录下 2.使用在线生成favicon.icon图片 网址http://www.faviconico.org/ 3.保存生成的favicon.icon图标 将图标放到根目录下面 ...
vue项目--favicon设置以及动态修改favicon（网站顶头的.icon小图标）
热门推荐
muzidigbig的博客
05-29 3万+
favicon图标的制作请看我前面的文章：https://blog.csdn.net/muzidigbig/article/details/80492902 favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置， 目前主要的浏览器都支持favicon.ico图标. 目前vue-cli搭建的vue项目里面已经有了一个s...
favicon.ico设置及修改问题
danielyulu的博客
05-21 1万+
最近用vue构建前端项目时，需要将网页打开时显示小图标，在网上大概搜了一下，希望对大家有帮助。1.favicon.ico图标的制作favicon.ico图标大小选取：浏览器默认的 favicon.ico 大小是16×16，不过为了显示的更加清楚通常采用32×32如果手上没有ico格式的图片，也可以用一些在线favicon.ico制作工具。将准备好的jpg, png 或者 gif的图标“上传——制作...
typecho-主题maupassant
01-08
【标题】"typecho-主题maupassant"是一个针对Typecho博客平台设计的主题，名为“Maupassant”。Typecho是一款轻量级、开源的博客系统，它以简洁、高效的特性深受用户喜爱。Maupassant主题为Typecho提供了美观的界面...
maupassant:Cho从Typecho主题移植而来的WordPress主题
05-28
莫泊桑Cho从Typecho主题移植而来的WordPress主题。Maupassant在不同的平台上： Typecho： : Octopress： : Farbox： : 幽灵： : （作者LjxPrime） 六方： : （来自tufu9441）
Node.js-maupassantHexo简洁博客主题
08-10
Node.js-maupassantHexo是一种基于Node.js的静态网站生成器，它采用Hexo框架并结合了Maupassant主题，提供了一种简洁、优雅的博客搭建方案。Hexo是用JavaScript编写的，它允许用户快速地将Markdown或者其他文本格式...
基于PHP的个人博客模板maupassant.zip
07-19
一个简洁的博客主题，可以在不同设备上良好兼容。不同平台上的效果：Typecho：...
typecho-theme-simplebalance:错别字的 simplebalance 主题
06-21
Typecho主题 - simplebalance 说明：该项目来源于，在此项目的基础上做了进一步修改。 Description SimpleBalance名字来自Forpikus Team的Blog -- Discover a balance point，项目Fork自Cho's Maupassant，关于...
Maupassant主题优化、屠城hexo主题优化版
幻凡ss
07-23 4378
基于屠城hexo主题优化版,个人自用版。优化部分显示效果，增加部分配置，详情参阅下文 原版主题 https://www.haomwei.com/technology/maupassant.html 屠城hexo版 github地址： - https://github.com/tufu9441/maupassant-hexo 相关配置介绍： - https://www.ha...
Maupassant -—款极简免费WordPress中文日志博客主题
老唐运维
02-06 474
这款Maupassant主题以前原出处应该是Typecho主题移植版本，而且有经过不少的人移植过。包括也有被移植成ZBLOG、WORDPRESS等版本。这款主题原始包中是没有一个图片的，比较轻量，但是内容是采用两栏的模式，比较轻便的可以用于个人日志、日记、博客用途。如果希望拥有一款极简的个人博客主题可以用。
hexo博客 Maupassant主题 添加萌妹纸、萌宠
06-30 959
给hexo博客养一个 萌妹子或者萌宠，也是偶然之间发现可以添加可爱的妹纸或者是萌宠，发现挺好玩的，而且作者提供了很多模型供你选择，没事的时候还可以逗一逗 ? 文章目录本博文的简述or解决问题？获取：选择自己喜欢的萌妹子安装:配置: 本博文的简述or解决问题？ ​ 给hexo博客养一个 萌妹子或者萌宠，也是偶然之间发现可以添加可爱的妹纸或者是萌宠，发现挺好玩的，而且作者提供了很多模型供你选择，没...
【Hexo】maupassant 主题设置百度站点自动推送
只想用最简短的代码刷题
02-14 283
自动推送是百度搜索资源平台为提高站点新增网页发现速度推出的工具，安装自动推送JS代码的网页，在页面被访问时，页面URL将立即被推送给百度。 进入百度搜索资源平台的 链接提交 处，将百度给出的自动推送JS代码拷贝下来： <script> (function(){ var bp = document.createElement('script'); ...
Hexo+Github Pages搭建个人博客教程(maupassant主题)
potatostyles的博客
01-24 2586
开门见山，本文做的事就是教大家怎么样利用Github Pages建立自己的个人博客 ( yourusername.github.io ) ，并套上一个指向该博客的域名。其中用到了hexo框架和简洁的maupassant主题。点击查看博主的个人博客 效果展示 准备工作 下载安装 node.js（默认会安装npm） 下载安装 git 下载安装 hexo ：打开cmd运行 npm
hugo搭建博客教程-简单搭建
youthlql的博客
11-25 1414
文章目录Hexo和Hugo安装Hugo（Windows）二进制安装（推荐：简单、快速）配置环境变量创建站点主题安装（以Even为例）文章显示巨坑!!!语言设置关于作者【菜单】社交链接定制logo中文导航栏文章可以配置的属性部署到gitee几个大坑报错error: failed to transform resource: SCSS页面加载不出来 1、文章可能会优先更新在Github，个人博客，公众号【Github有】。其它平台会晚一段时间。个人博客备用地址 2、如果Github很卡，可以在Gitee浏览，
使用HUGO搭建个人博客
KEEP CODING
09-27 1万+
使用HUGO搭建个人博客 本文首发于我的个人博客：Suixin’s Blog Hugo是一个用Go编写的静态站点生成器，由于具有丰富的主题资源和惊人的生成速度而备受青睐。本博客即是基于Hugo搭建，下面讲述一下我的建站历程以及踩的几个大坑（此处手动Doge…）。 安装Hugo以及生成第一篇文章 安装Hugo 如果你是macOS用户，请使用Homebrew快速安装 brew install hu...
Github pages + Hugo 搭建静态博客
胡LiuJia@BLOG
02-23 2509
前景提要 阮一峰总结了喜欢写Blog的人，会经历三个阶段。 第一阶段，刚接触Blog，觉得很新鲜，试着选择一个免费空间来写。 第二阶段，发现免费空间限制太多，就自己购买域名和空间，搭建独立博客。 第三阶段，觉得独立博客的管理太麻烦，最好在保留控制权的前提下，让别人来管，自己只负责写文章。 在过去，进入第三阶段需要付出巨大的资金成本（要花钱请人啊。。。），Github Pages的出现，极大地...
从Hugo到Hexo
KEEP CODING
09-30 2171
本文首发于我的个人博客：Suixin’s Blog 很多人从Hexo迁移到Hugo，而我却相反，原因是看中了这款主题Yelee。双栏页面、自动更换背景、毛玻璃特效、随机动画、漂亮的代码界面以及非常全的第三方集成，几乎能想到的它都有……一眼看中，不能自拔…… 使用Hexo搭建博客 Hexo主页上已经详细说明了搭建的步骤，和Hugo有很多相似之处，但由于Yelee主题的适配，确实为我带来了不少便利...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值