我是蓝色折叠框
leader
扔了一个公式让我们解方程,如下,求 x 的值:该方程变量为 x
, 存放于单元格 A1
,A1
即为可变单元格,此时为空。
A2
单元格设为目标单元格,目标值为 75000
,在 A2
单元格输入以下公式:=5/(0.001*(1-A1))+5/(0.001*(1-2*A1))+5/(0.001*(1-3*A1))+5/(0.001*(1-4*A1))+5/(0.001*(1-5*A1))+5/(0.001*(1-6*A1))+5/(0.001*(1-7*A1))
(注意:*
表示乘,公式中不能漏掉乘号*
,也不能漏掉等号=
), 按回车键,这时 A2
中值为 35000
。
单击“数据”选项卡,单击“数据工具”组中的“假设分析”按钮,在下拉菜单中单击“单变量求解”,弹出“单变量求解”对话框,删除“目标单元格”文本框中文字,输入 A2
,在“目标值”文本框中输入 75000
。单击“可变单元格”文本框,单击 A1
单元格,在“可变单元格”文本框中即出现了 $A$1
,单击“确定”,在弹出的“单变量求解状态”对话框中单击“确定”。
A1
单元格出现的数值即为方程的解。 (此方程的解为 0.10914584675042
)
薪酬:年薪 20w ~ 40w
要求:独立执行既定任务
薪酬:年薪 40w ~ 60w
要求:独挡一面,在专业领域具备辅导他人的能力
关键词:独挡一面
,辅导他人
,持续学习
薪酬:年薪 50w ~ 70w
,股票 800 ~ 1200 股
要求:某一领域专家,知其然知其所以然,对专业领域有影响力,可领导跨部门项目
关键词:领域专家
,一杆到底
,系统性思考
薪酬:年薪 70w ~ 200w
,股票 2000 ~ 2200 股
要求:在专业领域有一定前瞻性,推动业务创新,参与能够影响事业部层面的,能够做策略及统筹规划
关键词:行业深度
,全局意识
,前瞻规划
,推动创新
什么是新媒体运营,一种比较常见的表述是:新媒体运营指的是用户运营、产品运营、活动运营和内容运营四大模块的总称。
在实际运营工作中,四大模块之间往往没有清晰的边界,各项工作会有交叉。
在解释用户运营、产品运营、活动运营和内容运营之前,我们先了解下新媒体运营的发展历史。
新媒体运营是连接网民与互联网产品的桥梁,因此新媒体运营的发展,也是 随着互联网产品的创新发展
及 网民的喜好
而不断变化的。
新媒体运营发展的不同阶段虽然都涉及内容、用户、产品及活动,但每个阶段的侧重各有不同,如下图所示。
2000 年以前,我国互联网尚处于萌芽阶段,网民数量极少。此时互联网公司处于野蛮生长阶段,新创意层出不穷、新产品不断出现——哪家公司能够挖掘到用户需求、抢
到用户,哪家公司就能更快成长。
后来,成长为巨头的互联网公司,几乎全部得益于 2000 年以前围绕用户需求而抢占的当时互联网领域的 第一批
。它们抢到 第一批
的同时,也抢占了互联网的先机,如下表所示。
用户需求 | 产品 | 公司简称 | 推出时间 |
---|---|---|---|
看新闻 | 新浪网 | 新浪 | 1998年 |
发邮件 | 网易邮箱 | 网易 | 1998年 |
卖产品 | 阿里巴巴网站 | 阿里巴巴 | 1999年 |
聊天 | 腾讯 | 1999年 | |
搜索 | 百度搜索 | 百度 | 2000年 |
在用户运营主导期,不少公司的程序员常充当运营的角色,随时与用户沟通产品体验并调整产品。
在 2015 年香港大学举办的以创新创业为主题的论坛上,腾讯董事局主席马化腾曾笑谈:最开始有用户,没人聊天,我自己要陪聊……有时候还要换个头像,假扮女孩子,尽力使社区显得很热闹。
2000—2005 年,互联网进入发展期。此阶段很少出现像 QQ、百度一类的具有划时代意义的产品,各大互联网公司的重点都是在原有产品基础上 修炼内功
,进行产品优化与延展。
例如,阿里巴巴在外贸网站的基础上推出了阿里旺旺、支付宝等产品模块;腾讯在 QQ 的基础上推出了 QQ 秀、QQ 游戏、QQ 空间等产品模块;百度在文字搜索的基础上增加了 MP3 搜索、图片搜索、百度贴吧等产品模块。
在产品运营主导期,新媒体运营的重点工作都是 围绕产品
展开的,如 新产品研发
、需求反馈
、产品优化
等。
2005 年起,国内互联网公司 同质化竞争
开始激烈化。
在分类信息领域,2005年3月赶集网上线,2005 年 12 月 58 同城成立;在票务预订领域,2005 年 5 月去哪儿网上线,2006 年10 月途牛旅行网创办;在团购网站领域,美团网、拉手网、窝窝团同时于2010 年 3 月诞生。
大量同领域竞争的网站功能类似、界面相仿,因此,很多网站必须尝试通过形式多样的活动进行品牌推广及用户激活,与竞争对手拉开距离。
以团购网站领域为例,2011 年 8 月,国内团购网站数量达到最高峰的 5058 家,为了更快地从 千团大战
中胜出,各家团购网站的运营团队分别进行不同形式、不同创意的线上线下活动。
在活动运营主导期,新媒体运营的重点工作就是 设计创意活动、确保活动执行、监督活动效果,通过活动获取用户并激活网站流量
。
2010 年 6 月,苹果公司发布了被称为 自第一代 iPhone 以来最大飞跃
的 iPhone4。随后两年内,越来越多的智能手机品牌进入网民的视野。随着智能手机的逐步普及,网民开始进入移动互联网时代,看今日头条和用微信聊天成为网民日常必做的事情。
由于网民浏览手机的时间有限,抓住用户注意力、吸引用户持续停留
成为新媒体运营者的头等大事。因此,内容运营成为这一阶段新媒体运营的重点工作。
为了在纷繁复杂的文章、图片、视频中脱颖而出,新媒体运营者需要花时间 分析用户喜好、撰写吸引眼球的标题、设计走心的内容、辅之以精心设计的图片或 H5
,以达到更好的运营效果。
了解了新媒体运营的发展历史,下面进入正题,详细解释下什么是用户运营、产品运营、活动运营和内容运营。
对于从事新媒体运营工作,必须关注三大问题:
第一,本企业的新媒体运营都有哪些模块?
第二,自己属于企业新媒体运营中的哪个模块?
第三,这个模块需要哪些能力?
这三大问题都围绕 模块
。新媒体运营共包括 四大经典模块
及 五类衍生模块
。
四大经典模块就是上面提到的用户运营、产品运营、活动运营和内容运营,每个模块在新媒体运营过程中发挥着不同的作用,如下表所示。
模块 | 作用 | 关键点 |
---|---|---|
用户运营 | 核心 | 用户画像 |
产品运营 | 根基 | 类型分析、周期判断 |
内容运营 | 纽带 | 传播模式设计 |
活动运营 | 手段 | 跨界、整合 |
无论是研发产品、策划活动,还是推送内容,都需要围绕用户有针对性地展开。因此,新媒体运营者需要进行用户日常管理,吸引新用户关注、减少老用户流失,同时想方设法激活沉寂用户。
在用户运营工作中,用户画像是工作的起点。只有进行过清晰的用户画像,后续的用户分类、拉新、促活与留存等工作才有意义。否则,用户运营的效果会大打折扣,甚至会出现南辕北辙、越努力越无效的结果。
狭义的产品运营指的是企业的互联网产品运营,包括企业手机软件设计与开发、企业网站运营与调试等。
广义的产品运营可以把新媒体运营过程中涉及的账号、平台、活动等项目都看作产品,进行策划、运营与调试。
例如,一个今日头条账号,其实也可以看作一件产品。在开通后,需要进行产品调研(搜索相关今日头条账号,了解其日常内容)、前期设计(头像设计、简介设计、选题设计)、上线调试(撰写文章并测试阅读数据)、正式发布(度过新手期后正式撰写)等产品运营工作。
产品运营的关键点是类型分析与周期判断。一方面,产品运营负责人需要准确识别产品的类型,针对不同的产品采用差异化的运营模式;另一方面,产品运营负责人 必须清晰地判断出产品的生命周期,根据生命周期及时调整运营策略。
内容用于连接产品与用户,运营者需要重点关注内容的定位、设计与传播,找到差异化的内容定位、创作走心的内容形式、辅之以较好的内容传播,从而触达更多用户。
新媒体内容并不是简单的写一篇文章、录一段视频、做一张图片,而是要让更多的用户打开、完整浏览并转发到朋友圈或转发给好友。因此,新媒体内容运营的关键点是设计传播模式,力争获得更多的传播。
在规模较小的新媒体团队中,一般不会设置专门的活动部门、活动组等,因为活动是其他三大模块都会涉及的重要组成部分。
新媒体活动运营需要关注策划与执行。新媒体活动在开展前需要进行详细策划,明确活动目的并确定活动形式、内容、时间计划等;活动完成后,需要活动负责人进行任务跟进与活动复盘。
活动运营的效果体现在活动参与度上,但是持续提升用户参与度却又相当困难。一方面,现阶段网民的可选择性变大,通常不会对同一家公司、同一个账号或同一类活动保持浓厚兴趣;另一方面,活动运营团队很容易在策划几次活动后进入思路枯竭、创意失效的状态——没有新的灵感,自然无法激发用户的参与。
因此,活动运营的关键点是跨界与整合——与其他行业的公司举办联合活动,同时整合各方面传播资源,以确保活动效果。
实际上,这四大模块几乎都有互相重合的部分,并没有严格的边界。例如,活动运营和用户运营两个模块都需要进行用户画像、监测用户数据;又如,内容运营和产品运营两个模块都需要设计产品图片、撰写产品文案。
因此,我们无法粗略地将大量运营细节工作归纳到四大运营模块中的一种。
前面提到,新媒体运营共包括 四大经典模块
及 五类衍生模块
。
在企业新媒体运营的实际应用中,四大经典模块会进行重新组合,衍生出五类模块,包括社群运营、网站运营、流量运营、平台运营及店铺运营。
由于这五类衍生模块是基于四大经典模块衍生而成的,因此可以尝试将经典模块的思维方式与执行技巧迁移到衍生模块中,如下表所示。
衍生模块\运营知识 | 用户运营知识 | 产品运营知识 | 内容运营知识 | 活动运营知识 |
---|---|---|---|---|
社群运营 | √ | √ | ||
网站运营 | √ | √ | √ | |
流量运营 | √ | √ | ||
平台运营 | √ | |||
店铺运营 | √ | √ | √ | √ |
在企业新媒体运营过程中,部分企业会将用户运营的重心从微信公众号、微博等内容平台转移至 QQ 群、微信群等社群平台,因此对用户的运营与管理便随之迁移至聊天群管理。
网站运营由用户运营、产品运营、内容运营三大模块衍生而成。
第一,网站作为企业的互联网产品之一,需要按照产品管理的流程进行开发、调试、上线测试、改版等。
第二,网站新闻、产品信息等内容,需要进行日常更新。
第三,网站的注册用户需要进行分类管理,网站的日常浏览用户也需要进行点击跟踪,从而充分挖掘用户需求。
流量运营也称为推广运营。为了提升企业微信公众号文章的阅读量、企业微博的粉丝量及曝光量、企业网站的访问量,部分新媒体运营团队需要进行专门的流量统计与管理。
一方面,运营者需要做好内容,因为推广需要通过优质内容承载;另一方面,运营者需要策划活动,阶段性地提升流量效果。
由于内容运营的主要工作是微信公众号、今日头条等内容平台的日常运营,因此一部分企业将内容运营细化,把其中内容平台的注册、发布、推送等工作归类到平台运营中。
实际上,平台运营也可以看作将内容运营的一部分工作进行放大与细化。
如内容运营的工作之一是微信公众号编辑与推送,通常只操作微信公众号的素材管理、留言管理等内容相关功能;而在此基础上,平台运营需要继续围绕微信公众号进行细化管理,对自动回复、自定义菜单、消息管理、统计、设置等功能进行日常管理与维护。
对天猫店、京东店、微店等互联网店铺的管理,需要综合用户运营、产品运营、内容运营、活动运营四大模块的运营能力。
第一,对店铺销售的产品,需要利用产品运营思维进行调试与优化。
第二,对购买店铺产品的消费者,需要借助用户运营的思路进行分类与管理。
第三,对店铺页面、店铺推广文案等,需利用内容运营的知识进行设计。
第四,店铺在元旦购物节、「双11」狂欢节等线上购物节日,可以借鉴活动运营的方式策划活动。
在新媒体运营发展的不同阶段,虽然都涉及内容、用户、产品及活动,但每个阶段的侧重各有不同。
经典的新媒体运营分为用户运营、产品运营、内容运营、活动运营四大模块,每个模块在新媒体运营过程中发挥着不同的作用。
在企业新媒体运营的实际应用中,四大经典模块会进行重新组合,衍生出五类模块,包括社群模块、网站模块、流量模块、平台模块及店铺模块。
活动转化率为15%
。没必要再用 本次活动的购买人数除以参与人数,比例是 15%
来解释。下面从 策划
、执行
、反馈
三大类切入,列举一些新媒体入门必备的关键词,而具有一定经验后,需要熟悉的关键词远远不止这些。
类别 | 定义 |
---|---|
策划类 | 用户画像、产品矩阵、运营策划 |
执行类 | KOL、账号矩阵、文案、软文、工具 |
反馈类 | 粉丝数、曝光量、阅读量、访问量、跳出率、活跃用户数、转化率、好评率、销售额、ARPU |
用户画像的过程就是一个 贴标签
的过程。通过用户 年龄
、性别
、消费习惯
、生活习惯
、浏览习惯
等多重信息,新媒体运营者 把用户抽象成标签化的模型
,以便进行更有针对性的新媒体推广或用户管理。
产品矩阵即针对 不同用户或同一用户不同需求
而设计的系列化产品。例如,大众点评网为一般消费者、团购消费者者、后台商家分别开发了三个版本的软件产品,以满足其差异化需求。
在开展具体的 执行工作前
,运营者必须先进行运营策划,如分析目的、确定方式、讨论创意等。如果前期策划出现错误,看起来执行同样的工作,效果却会大打折扣。
关键意见领袖(Key Opinion Leader,KOL)指的是在行业内有话语权
的人,如微博 大V
、论坛红人等。KOL 通常有一定 专业度
,其观点更容易让粉丝信服。运营者可以尝试与 KOL 合作,借助其影响力为企业品牌助力。
新媒体账号矩阵指的是企业高管、企业员工、企业产品等 不同模块在互联网的账号组合
。好的账号矩阵可以借助团队的力量集中放大运营效果。
例如,小米公司为了提升新媒体整体声量,设计出了独特的微博账号矩阵,如下表所示:
创始人 | 微产品 | 微客服 | 微社群 |
---|---|---|---|
@雷军 | @小米手机 | @小米客服那些事 | @小米粉丝后援会 |
@黎万强 | @小米盒子 | @小米_杨宝庆 | @小米家居粉丝团 |
@林斌 | @小米手机 | @胡英帅-小米 | @北京小米之家 |
@刘德 | @小米电视 | @小米么鸿鸿 | @上海小米之家 |
...... | ...... | ...... | ...... |
通过集团作战的微博矩阵,小米手机能更快速地开展新品推广、客诉回复、建议收集等运营细节工作。
文案最早专指广告文案,包括广告标题、正文、口号。在新媒体运营中,文案既有 长文案
(微信公众号文章、今日头条文章等),又有 短文案
(微信朋友圈文案、微博文案),还有 多媒体文案
(海报文案、视频文案、音频逐字稿)等。
软文是由企业的市场策划人员或广告公司的文案人员来负责撰写的 文字广告
。与硬性广告相比,软文的精妙之处在于一个 软
字,它将要宣传的信息嵌入文章内容中,影响用户于无形。
好的软文具有双向特点:既能让用户在文章里找到自己所需的信息,为用户提供价值;又能推广企业的宣传内容,影响用户决策。
例如,2017年8月,乐纯酸奶于公众号 掌上北京
进行软文投放,用酸奶评测的形式展示产品特色,并在文末通过 扫码领取优惠券
的方式增强转化效果,使读者饶有兴致地读完文章并参与乐纯活动。
熟练使用工具,有助于提高运营者的工作效率。
例如,在设计海报时,可以尝试在 创客贴
网站快速生成;在微信文章排版时,可以在 i排版
快捷操作;在监控账号后台数据时,可以利用 西瓜助手
实时监控;在进行网络调研时,可以借助 问卷网
一键生成表单。
粉丝数的多少是账号运营优劣的考量标准之一。运营者需要定期统计粉丝情况,包括粉丝总数、新关注人数、取消关注人数、净增关注人数等。特别是在进行专门的拉新活动或渠道推广后,运营者需要统计新增粉丝数,以评估推广质量。
例如,某账号在2017年11月19日至22日进行微信公众号渠道推广,通过后台用户分析功能可以计算出四天内获取粉丝数量为1500名,有一定的推广效果。
曝光量是 产品或品牌的互联网知名度
考量标准之一。运营者需要熟悉的曝光量数据包括微信文章阅读量、单条微博阅读量、微博话题阅读量等。
阅读量是 文章质量
的考量标准之一。在文章推送12小时、24小时、48小时等时间节点,运营者需要记录文章的阅读量,判断文章的整体质量。
访问量指的是 一定时间内页面被访问
的次数,是PC网站或移动网站的考量标准之一。为了提升访问量,运营者需要通过朋友圈、微信群、微信公众号等多渠道综合推广。
跳出率指的是 仅浏览了一个页面就离开网站
的访问(会话)次数占总访问次数的比率。跳出率越高代表网页对用户的吸引程度越低。
为了提升网站的营销效果,运营者需要想方设法制作精美的页面并吸引用户驻足;同时需要提升推广精准程度,避免不相关用户进行 打开网页后马上关掉
的操作,无形之中拉高了跳出率。
活跃用户数是 相对流失用户数
的概念,指的是经常使用企业软件、浏览企业网站或打开企业公众号的用户数量。
用户在下载某软件或关注某公众号一段时间后,很可能逐渐降低活跃度。因此,运营者需要尝试通过撰写更有趣的文章、策划更有创意的活动、设计更有吸引力的用户体系等方法,持续提升活跃用户数。
转化率在线下指的是 消费人数与到店人数的比例
;在新媒体运营中,转化率不仅包含消费人数,也包括完成指定动作的人数,如关注微信公众号、参加指定活动、下载某款软件的人数。
例如,某游戏公司在进行活动运营时,通过线下地推吸引了 5000
人扫码,其中有 100
人在扫码后下载了游戏,此时通过下载人数(100)除以扫码人数(5000),可以计算出线下地推转化率为 2%
。
好评率是 产品或品牌的互联网美誉度
考量标准之一。运营者必须关注的好评率包括大众点评星级、店铺评论区好评率、百度知道差评比例、垂直类网站口碑等。
其中,垂直类网站指的是猫眼、豆瓣等专门针对某行业或某作品的点评网站。例如,某部电影于 2019 年 02 月 14 日上映后,该电影的整体好评率可以直接在豆瓣电影的专属页面查询。
以销售为目的发起的活动或推送的文章,通常需要对销售额进行统计与分析。
仅通过销售额很难判断文章或活动的营销效果,运营者需要将总销售额、分销成本、浏览量、转化比例等数据一并计算,以得到更客观的效果分析。
ARPU
即 单用户平均收入
。ARPU
值越高,说明平均每个用户贡献的收入越高。运营者可以尝试通过降低门槛并引入付费用户、提升品牌并培养用户认知度等方式,综合提高 ARPU
值。
以上 18 个专业术语,运营者必须熟练使用,这样才能更好地与团队沟通,并有针对性地提升运营效果。
Vercel
利用 vercel.json
的 CORS
就可以解决这个问题。新建目录文件,改写网络接口。
1 | const axios = require('axios') |
package.json
中引入 axios
模块。
项目根目录新建 vercel.json
文件,启用 CORS
1 | { |
推送 GitHub
仓库,用 Vercel
部署指定项目。
《 Runtime Node.js 》 - Vercel
《 Enabling CORS using vercel.json 》 - Vercel
进入网站 https://gtmetrix.com/ 查看自己的网站评分,同时它也给出了需要优化的建议。
不经常改变的文件使用 jsDriver 进行文件托管。
在线压缩网站 Recompressor 、 TinyPNG。
使用 gulp
进行 css
和 js
文件压缩。
减少请求数,移除不必要文件,有利于网站的访问速度。
使用图片懒加载,增强用户交互体验,提升网站性能。
网站无刷新加载(可能会出现很多坑,初学者慎用)
快去试试网站优化后的效果吧!
]]>哔哔
,但是我的 哔哔
当随笔用了。里面放的是一些生活中的吐槽,看法,杂文之类的,不想把他和博客之类的东西混在一起。所以单独搞了个公告页面,参考张洪大佬的博客,做出以下调整。
我的公告页面用的 时间线标签外挂
,所以要引入,如果想 DIY
样式的可以不用引入。
文件地址:themes/butterfly/scripts/tag/timeline.js
1 | ; |
文件地址:themes/butterfly/sources/css/_tags/timeline.styl
1 | div |
文件地址:themes/butterfly/layout/includes/homeNotices.pug
1 | #noticeList.container(onclick=`window.open('/notice/','_self')`) |
1 | #notice-item { |
文件地址:themes/butterfly/layout/index.pug
1 | extends includes/layout.pug |
文件地址:themes/butterfly/layout/includes/page/notice.pug
1 | #article-container |
文件地址:themes/butterfly/layout/page.pug
1 | when 'categories' |
1 | hexo new page notice |
1 | --- |
新增公告直接向上添加即可。文件地址:source/_data/notice.yml
1 | - date: 2021.05.24 |
hexo
三连过后,惊喜出现了【 或者惊吓 (‧̣̥̇꒪່⍢꒪່ ) 】,快去试试看吧~
《Hexo-Butterfly 说说朋友圈适配》 - 张洪Heo
《基于 Butterfly 的外挂标签引入》 - Akilar
杂交水稻之父袁隆平去世,网站特此全站变灰,以示哀悼。
文件地址:themes/butterfly/_config.yml
,
若使用无污染方式引入 butterfly,则在项目根目录 _config.butterfly.yml
1 | + # 网站变灰 |
文件地址:themes/butterfly/layout/includes/layout.pug
1 | - var htmlClassHideAside = theme.aside.enable && theme.aside.hide ? 'hide-aside' : '' |
1 | /* 网站全站变灰 */ |
但是最近 vercel
解析的域名访问太不给力了,经常崩,体验极差。
我能怎么办,我也很绝望啊!
思前想后,还是 Github Page
稳如老狗啊,虽然对国内而言速度有点慢,但是还可以,毕竟考虑到咱的博客也是要面向世界的 (一本正经滑稽脸)
由于我的源码没有公开,所以只想把产物给展示出来,推送到一个新的仓库,具体操作可以查看 《Github Action 将构建产物自动推送到令一个仓库》 的文章,当然对于 hexo
也可以用 deploy
进行跨仓库产物提交。
但是有一个问题就是,我的源码里存在很多路径问题,所以不能放到除 realwds.github.io
的其他仓库。也就是只能放到主仓库,可是我的主仓库已经有了内容,并且解析好了,不是很想动。
组织账号!没错,个人可以新建组织,组织账户的主仓库也可以搞,这就解决了我必须要提交到主仓库的问题。
利用 hexo
的 deploy
推送到组织仓库
1 | deploy: |
编写 package.json
文件
1 | "scripts": { |
hexo
经典三连,由于仓库中不含 README.md
文件,感觉不是很好看,便复制了源码仓库 README.md
到产物仓库。gulp
进行代码的压缩,所以在部署前进行 gulp
命令压缩。git
名和我自己的不一样,所以提交前进行修改。npm run upload <提交信息备注>
即可,最后别忘了 git push
。提交到组织仓库,缺失CNAME
,导致域名无法访问。所以要在项目的 source
文件夹下新建 CNAME
文件,里面放入自己要解析的域名即可。
打开域名 https://blog.realwds.com 访问成功!
]]>单纯供国内用户用,不建议使用。
CloudFlare 是一家美国的跨国科技企业,总部位于旧金山,在英国伦敦也设有办事处。CloudFlare 以向客户提供网站安全管理、性能优化及相关的技术支持为主要业务。通过基于反向代理的内容传递网络及分布式域名解析服务,CloudFlare 可以帮助受保护站点抵御包括拒绝服务攻击在内的大多数网络攻击,确保该网站长期在线,同时提升网站的性能、访问速度以改善访客体验。
注册网站后,添加域名,注意添加域名不带 www 的域名。
添加域名完成后会自动扫描,解析的所有域名 DNS 记录,等待扫描完成即可。
扫描完成后可以选择要加速的站点,点击后面的黄色云朵进行切换。也可以自定义添加要加速的域名。
前往域名服务商更改 DNS 服务器。
修改完成后,点击继续开启一些配置后,出现下图表示配置成功。
国外用户访问国内网站不会变卡了!
github地址 提取图片的主色、次色。
引入 rgbaster.js 文件,开始使用。
1 | const img = document.querySelector('img'); |
提取出来的值为 rgb,如果要转换成 rgba 可以进行以下操作:
1 | const c = payload.dominant.match(/\d+/g); |
颜色有深有浅,暗色的话,黑色字体就看不清了,文字颜色得随着背景色取反,我们可以把 rgb 值转化成灰度值来判断颜色深浅。
1 | let fontColor; |
1 | // 提取主色 |
github地址 从图像中提取突出的颜色。
1 | const img = document.querySelector('img'); |
rgbaster 提取出来的颜色最接近了,不过在项目中测试有些情况偏差有点远。而 vibrant.js 主要还是着重于把图片的颜色提取出来分类,结果分为暗色、亮色、突出色之类,提取主题色还是 rgbaster 好使。
注意: 这三款插件均是利用把图片绘入canvas获取图片数据,如果不是同源图片将无法使用
1 | # macOS 系统: |
1 | # 使用 |
miniprogram-ci 是从微信开发者工具中抽离的关于小程序/小游戏项目代码的编译模块。官方地址文档地址
1 | const ci = require('miniprogram-ci') |
gitlab-ci 是 git 官方提供的的自动化部署持续集成工具。
1 | before_script: |
1 | name: Deploy to GitHub Pages |
首先注册三个平台的账号,最好用户名相同。
在三个平台分别得到私人令牌,添加到新建仓库的 Actions secrets 中。
在代码根目录新建 .github 文件夹,在 .github 目录中新建 workflows 文件夹。在 workflows 目录中新建以下文件,可以任意命名。
1 | name: DEPLOY CI |
1 | name: MIRROR CI |
此文件是 gitlab CI/CD 操作文件
1 | image: node:12.6.0 |
github 提交代码,到仓库的 Actions 即可查看正在持续集成。
]]>1 | name: DEPLOY CI |
文件地址:themes/butterfly/layout/404.pug
1 | - var top_img = theme.error_404.background || theme.default_top_img |
新建一个 css 文件,然后再 butterfly 主题下的 _config.yml 文件中 inject 引入该文件
1 | #error-wrap{ |
这个文章的核心思路就是给文章的 markdown 文件里添加一个 large
参数,当 large=true
时,则文章会添加一个 class。然后针对这个 class 进行 css 的调整。让我们开始吧。
文件地址:themes/butterfly/layout/includes/mixins/post-ui.pug
1 | mixin postUI(posts) |
新建一个 css 文件,然后再 butterfly 主题下的 _config.yml 文件中 inject 引入该文件
1 | @media screen and (min-width: 768px) { |
影响页面流畅度,本博客主题已弃用
新建一个 css 文件,然后再 butterfly 主题下的 _config.yml 文件中 inject 引入该文件
1 | /* 滚动条 */ |
新建一个 js 文件,然后再 butterfly 主题下的 _config.yml 文件中 inject 引入该文件
1 | //滚动条自动隐藏 |
如果使用 AMD 或 Browserify,则需要 step.js 并 pace.start()
在加载过程中尽早进行调用。
在主题下的 _config.yml 文件中
1 | inject: |
在 realwds.css 文件中
1 | .pace { |
1 | {% note no-icon %}{% endnote %} |
1 | {% timeline %} |
进入大学校门
离开大学,步入社会
博客搭建成功
1 | {% link <链接名>, <链接地址>, <链接图像> %} |
1 | <文字> {% inlineimage <图片链接> %} <文字> |
数学系的挨踢者
1 | 可选参数:宽度width、描述alt |
1 | <div class="gallery-group-main"> |
1 | {% gallery %} |
1 | 颜色参数:[不填默认灰色],cyan,green,yellow,red,blue |
我是蓝色折叠框
我是打开状态的蓝色折叠框
1 | {% tabs Tags %} |
李白(701年5月19日-762年11月30日),字太白,号青莲居士,中国唐朝诗人,自言祖籍陇西成纪(今甘肃省天水市秦安县),先世西凉武昭王李暠之后,与李唐皇室同宗。幼时内迁,寄籍剑南道绵州(今四川省江油市青莲镇)。另外,郭沫若研究认为李白出生于吉尔吉斯碎叶河上的碎叶城,属唐安西都护府(今楚河州托克马克市),该説有一定影响。有「诗仙」、「诗侠」、「酒仙」、「谪仙人」等称呼,活跃于盛唐,为杰出的浪漫主义诗人。与杜甫合称「李杜」。被贺知章惊呼为「天上谪仙」。
李白(701年5月19日-762年11月30日),字太白,号青莲居士,中国唐朝诗人,自言祖籍陇西成纪(今甘肃省天水市秦安县),先世西凉武昭王李暠之后,与李唐皇室同宗。幼时内迁,寄籍剑南道绵州(今四川省江油市青莲镇)。另外,郭沫若研究认为李白出生于吉尔吉斯碎叶河上的碎叶城,属唐安西都护府(今楚河州托克马克市),该説有一定影响。有「诗仙」、「诗侠」、「酒仙」、「谪仙人」等称呼,活跃于盛唐,为杰出的浪漫主义诗人。与杜甫合称「李杜」。被贺知章惊呼为「天上谪仙」。
李白(701年5月19日-762年11月30日),字太白,号青莲居士,中国唐朝诗人,自言祖籍陇西成纪(今甘肃省天水市秦安县),先世西凉武昭王李暠之后,与李唐皇室同宗。幼时内迁,寄籍剑南道绵州(今四川省江油市青莲镇)。另外,郭沫若研究认为李白出生于吉尔吉斯碎叶河上的碎叶城,属唐安西都护府(今楚河州托克马克市),该説有一定影响。有「诗仙」、「诗侠」、「酒仙」、「谪仙人」等称呼,活跃于盛唐,为杰出的浪漫主义诗人。与杜甫合称「李杜」。被贺知章惊呼为「天上谪仙」。
1 | {% hideInline <文本内容>,[按钮显示的字],[按钮背景颜色],[按钮文字颜色] %} |
哪个英文字母最酷?
门裡站著一个人?
1 | {% hideBlock [按钮显示的字],[按钮背景颜色],[按钮文字颜色] %} |
美女
1 | {% hideToggle [展示文字] %} |
1 | {% poem [标题],[作者] %} |
鹅鹅鹅,
曲项向天歌。
白毛浮绿水,
红掌拨清波。