2019基于Hexo快速搭建个人博客,打造一个炫酷博客(1)-奥怪的小栈

本文转载于:奥怪的小栈


这篇文章告诉你如何在2019快速上手搭建一个像我一样的博客:基于HEXO+Github搭建。并完成SEO优化,打造一个炫酷博客。

本站基于HEXO+Github搭建。
所以你需要准备好HEXO+Github等相关软件和工具。


 

前言

现在已经是2019年了,你还没有自己的博客就out了!所以,我为了赶上时代的潮流,花费了几天的时间,从零基础到入门。搞出来了这样的一个博客。
在这里跟大家分享一下经验。
由于网上已经有很多而且很详细的hexo搭博客教程了,我就不再学习他们,把全部过程都放出来了,小白可以看 致谢 部分内的文章。
HEXO文档NexT主题文档真的很有帮助!一定要看!
!!我会把本站独特的优化放到这篇文章里:https://aoguai.top/archives/dccf2fa6.html,方便大家查看(当然你得先看完这篇文章)。!!



致谢

官方文档:
hexo文档:https://hexo.io/zh-cn/
NexT主题文档:http://theme-next.iissnan.com/getting-started.html


参考文章:

暂时放着参考文章先,有空再自己写一下。
我也是看着以下大佬的文章照葫芦画瓢写出来的:(从入门到个性化,按开始搭建到个性化配置的顺序排序)


PS:其中SEO优化部分有些方法已经失效!请勿再从里面复制粘贴!特别是百度自动推送插件那部分!
PS:点击鼠标出现❤好像已经失效了!


使用hexo+github搭建免费个人博客详细教程 - 我是小茗同学 - 博客园| ookamiAntD's Blog:https://www.cnblogs.com/liuxianan/p/build-blog-website-by-hexo-github.html)

基于Hexo+Github+Coding搭建个人博客——基础篇(从菜鸟到放弃) | ookamiAntD's Blog:https://yangbingdong.com/2017/build-blog-hexo-base/)

基于Hexo搭建个人博客——进阶篇(从入门到入土) | ookamiAntD's Blog:http://yangbingdong.com/2017/build-blog-hexo-advanced/#%E5%9F%9F%E5%90%8D%E7%BB%91%E5%AE%9A%E7%AF%87)

Hexo 的 NexT 主题个性化教程:打造炫酷网站:http://shenzekun.cn/hexo%E7%9A%84next%E4%B8%BB%E9%A2%98%E4%B8%AA%E6%80%A7%E5%8C%96%E9%85%8D%E7%BD%AE%E6%95%99%E7%A8%8B.html

打造个性超赞博客 Hexo + NexT + GitHub Pages 的超深度优化:https://io-oi.me/tech/hexo-next-optimization.html

Hexo常见问题解决方案:https://xuanwo.io/2014/08/14/hexo-usual-problem/

SEO优化基础(复制粘贴就能用)推荐看这个,亲测(不排除再失效,慎重的自测一下)没问题:

Hexo博客之后续SEO优化 - 简书:https://www.jianshu.com/p/c20bb9df1867?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation
Hexo-Next搭建个人博客(SEO优化):https://yfzhou.coding.me/2018/08/29/Hexo-Next%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%EF%BC%88SEO%E4%BC%98%E5%8C%96%EF%BC%89/


一些你可能会用到的网站的官网:

免费域名申请,网速对国内玩家不友好,建议自备梯子。
Freenom:https://www.freenom.com/zh/index.html?lang=zh)
DNS解析,腾讯的。不需要梯子。
dnspod:https://www.dnspod.cn/
如果你连github的用途都不知道,建议回去看上面的文章。
github:https://github.com/
可以将博客图片上传到这来。(这个比较麻烦,新手慎重)
七牛云:https://portal.qiniu.com/
免费图床,也可以将博客图片上传到这来。
SM.MS:https://sm.ms/
本博客评论系统官网。(搭建方法可以看NexT主题文档)
来必力:https://www.livere.com
SEO优化用
百度搜索资源平台:http://zhanzhang.baidu.com/)
Google提交入口:https://www.google.com/webmasters/tools/home?hl=zh-CN)
360提交入口:http://info.so.360.cn/site_submit.html)

常用的命令

hexo常用命令:
```
hexo new "title" # 生成新文章: \source\_posts\title.md
hexo new page "title" # 生成新的页面, 后面可在主题配置文件中配置页面
生成文章或页面的模板放在博客文件夹根目录下的 scaffolds/ 文件夹里面, 文章对应的是 post.md , 页面对应的是page.md, 草稿的是draft.md
hexo init [folder] # 初始化一个网站. 如果没有设置 folder , Hexo 默认在目前的文件夹建立网站
hexo new [layout] # 新建一篇文章. 如果没有设置 layout 的话, 默认使用 _config.yml 中的 default_layout 参数代替. 如果标题包含空格的话, 请使用引号括起来<br />hexo version # 查看版本<br />hexo clean # 清除缓存文件 (db.json) 和已生成的静态文件 (public)<br />hexo g # 等于hexo generate # 生成静态文件<br />hexo s # 等于hexo server # 本地预览<br />hexo d # 等于hexo deploy # 部署, 可与hexo g合并为 hexo d -g</p> <p>git config --global user.name "YOURUSERNAME" # 修改git用户名<br />git config --global user.email "YOUREMAIL" # 修改git邮箱</p> <p>npm uninstall XXX,卸载某个插件 例如<br />npm uninstall hexo-generator-sitemap --save<br />npm uninstall hexo-generator-baidu-sitemap --save<br />npm uninstall hexo-abbrlink --save<br />```<br />文章的模版文件:<br />用 Hexo 写文章是直接用 Markdown 写的,<br />你可以直接通过在~/blog/source/_posts/下新建.md结尾的文件来写新的文章。<br />你可以通过自定义文章的模版文件,从而每次命令行新建的文章都会有你自定义的内容。<br />注意:如果自己直接新建文件,一定要记得加上文件最上方的参数,即下面的相关内容,还有编码请用 UTF-8。</p> <p>关于文件最上方的参数,参见 Hexo 官方文档的 Front-matter 和页面变量,下面是总结:<br />```<br />/* !!!!!!!!!!<br />** 每一项的 : 后面均有一个空格<br />** 且 : 为英文符号<br />** !!!!!!!!!!<br />*/</p> <p>title:<br />/* 文章标题,可以为中文 */</p> <p>date:<br />/* 建立日期,如果自己手动添加,请按固定格式<br />** 就算不写,页面每篇文章顶部的发表于……也能显示<br />** 只要在主题配置文件中,配置了 created_at 就行<br />** 那为什么还要自己加上?<br />** 自定义文章发布的时间<br />*/</p> <p>updated:<br />/* 更新日期,其它与上面的建立日期类似<br />** 不过在页面每篇文章顶部,是更新于……<br />** 在主题配置文件中,是 updated_at<br />*/</p> <p>permalink:<br />/* 若站点配置文件下的 permalink 配置了 title<br />** 则可以替换文章 URL 里面的 title(文章标题)<br />*/</p> <p>categories:<br />/* 分类,支持多级,比如:<br />- technology<br />- computer<br />- computer-aided-art<br />则为 technology/computer/computer-aided-art<br />(不适用于 layout: page)<br />*/</p> <p>tags:<br />/* 标签<br />** 多个可以这样写 [标签1,标签2,标签3]<br />** (不适用于 layout: page)<br />*/</p> <p>description:<br />/* 文章的描述,在每篇文章标题下方显示<br />** 并且作为网页的 description 元数据<br />** 如果不写,则自动取 <!-- more --><br />** 之前的文字作为网页的 description 元数据<br />*/</p> <p>keywords:<br />/* 关键字,并且作为网页的 keywords 元数据<br />** 如果不写,则自动取 tags 里的项<br />** 作为网页的 keywords 元数据<br />*/</p> <p>comments:<br />/* 是否开启评论<br />** 默认值是 true<br />** 要关闭写 false<br />*/</p> <p>layout:<br />/* 页面布局,默认值是 post,默认值可以在<br />** 站点配置文件中修改 default_layout<br />** 另:404 页面可能用到,将其值改为 false<br />*/</p> <p>type:<br />/* categories,目录页面<br />** tags,标签页面<br />** picture,用来生成 group-pictures<br />** quote?<br />** https://io-oi.me/tech/test.html<br />*/</p> <p>photos:<br />/* Gallery support,用来支持画廊╱相册,用法如下:<br />- photo_url_1<br />- photo_url_2<br />- photo_url_3<br />https://io-oi.me/tech/test.html<br />*/</p> <p>link:<br />/* 文章的外部链接<br />** https://io-oi.me/tech/test.html<br />*/</p> <p>image:<br />/* 自定义的文章摘要图片,只在页面展示,文章内消失<br />** 此项只有参考本文 5.14 节配置好,否则请勿添加!<br />*/</p> <p>sticky:<br />/* 文章置顶<br />** 此项只有参考本文 5.15 节配置好,否则请勿添加!<br />*/</p> <p>password:<br />/* 文章密码,此项只有参考教程:<br />** http://shenzekun.cn/hexo的next主题个性化配置教程.html<br />** 第 24 节,配置好,否则请勿添加!<br />** 发现还是有 bug 的,就是右键在新标签中打开<br />** 然后无论是否输入密码,都能看到内容<br />*/<br />```</p> <p>Markdown 语法(写文章时候用):<br />```<br />1.[//]: # (注释,不会在浏览器中显示。)<br />————————————————————————————————————————————————————————————————————<br />2.使用= 和 -,标记一级和二级 标题。<br />例如:<br />一级标题<br />=<br />二级标题<br />-<br />使用 #,可以表示 1-6级 标题。<br /># 第一级标题 `<h1>` <br />## 第二级标题 `<h2>` <br />### 第三级标题 `<h3>` <br />#### 第二四级标题 `<h4>` <br />##### 第五级标题 `<h5>` <br />###### 第六级标题 `<h6>` <br />————————————————————————————————————————————————————————————————————<br />3.段落的前后要有空行,所谓的空行是指没有文字内容。若想在段内强制换行的方式是使用两个以上空格加上回车(引用中换行省略回车)<br />————————————————————————————————————————————————————————————————————<br />4.在段落的每行或者只在第一行使用符号 > ,还可使用多个嵌套引用,如:<br />> 区块引用<br />> > 嵌套引用<br />> > >三嵌套引用<br />> > > > 四嵌套引用<br />————————————————————————————————————————————————————————————————————<br />5.代码区块的建立是在每行加上4个空格或者一个制表符(如同写代码一样)。如普通段落:<br />fun main(args: Array<String>) {<!-- --><br /> println("Hello World!")</p> <p> println("sum = ${sum(34, 67)}")<br /> println("sum = ${sum(34, 67)}")<br /> println("sum = ${sum(34, 6, 57, 34)}")</p> <p> printSum(237, 57)<br /> printSum(234, 567, 8)<br /> vars(1, 4, 6, 78, 0, 6, 9, 8)</p> <p><br /> val sumLambda: (Int, Int) -> Int = { x, y -> x + y }<br /> println("sumLambda = ${sumLambda(3, 6)}")<br />————————————————————————————————————————————————————————————————————<br />6.在强调内容两侧分别加上 *或者 -,如:<br />*斜体* ,_斜体_<br />**加粗**,__粗体__<br />————————————————————————————————————————————————————————————————————<br />7.使用 . 、+、或- 标记无序列表,如:<br />- 第一项<br />+ 第二项<br />- 第三项<br />+ 第四项<br />- 第五项<br />+ 第六项<br />————————————————————————————————————————————————————————————————————<br />8.分割线最常使用就是三个或以上的 * , ======</font>还可以使用 - 和 _。<br />示例md代码:<br />***<br />---<br />_____ <br />======<br />————————————————————————————————————————————————————————————————————<br />9.链接可以由两种形式生成,行内式 和 参考式。<br />行内式:<br />示例md代码:<br />[GitHub](http://github.com)<br />自动生成连接 <http://www.github.com/><br />参考试:<br />[GitHub][1]<br />[1]:http://github.com<br />自动生成连接 <http://www.github.com/><br />————————————————————————————————————————————————————————————————————<br />10.添加图片形式和链接相似,只需要在链接的基础上前方加一个 !号。<br />示例md代码:<br />![GitHub set up](http://zh.mweb.im/asset/img/set-up-git.gif)<br />格式: ![Alt Text](url)<br />————————————————————————————————————————————————————————————————————<br />11.表格:<br />示例md代码:<br />第一格表头 | 第二格表头<br />---------| -------------<br />内容单元格 第一列第一格 | 内容单元格第二列第一格<br />内容单元格 第一列第二格 多加文字 | 内容单元格第二列第二格<br />内容单元格 第一列第三格 多加文字 | 内容单元格第二列第三格<br />内容单元格 第一列第四格 多加文字 | 内容单元格第二列第四格<br />```</p> <p><strong>一些站内SEO优化方法和提醒</strong></p> <p><strong>百度搜索资源平台提交注意事项:</strong></p> <p>文件验证文件:</p> <p>使用 文件验证文件 存放的位置需要放在source文件夹下,如果是html文件那么hexo就会将其编译,所以必须要加上<br />![文件验证文件](https://i.loli.net/2019/07/22/5d35a3349026431018.png)<br />```<br />layout: false<br />---<br />```<br />这样就不会被hexo编译。(如果验证文件是txt格式的就不需要)<br />####一些提交时候的坑:<br />+ 如果你添加的是http协议的话,要保证http协议头能访问,并且不能http转。https<br />+ 如果你添加的是自定义域名的话,提交失败可以试试把www去掉</p> <p>我的示例:</p> <p><img referrerpolicy="no-referrer" title="我的示例" src="https://i.loli.net/2019/07/22/5d35a4ecf0cbd57012.png" alt="我的示例" width="1000" height="404" /></p> <p><strong>文章和代码优化:</strong><br />``` bash<br />相关内容可以在 <strong>_config.yml </strong>文件下修改<br />```</p> <p>title优化:<br />+ 首页title写法:首页的title写法格式一般是“总标题-特别重要的关键词或者一句话含有特别重要关键词的描述”。注意这里的“-”是英文,计算机只对英语敏感性较高,而对汉语敏感性不太高。<br />+ 栏目页title写法:栏目页title的写法有两种,关键词名称命名写法是“栏目名称-总名称”,非关键词命名写法是:“栏目名称 栏目关键词-总名称”。<br />+ 分类列表页的title写法:用关键词为这个栏目起名,然后按照下列顺序填写便可了“分类列表页名称-栏目名称-总名称”。<br />注意事项:<br />+ 每个标题应该是根据当前内容设置的独特不重复的。<br />+ 字数限制。不能太长,要不然搜索引擎结果列表会显示不全。最好不超过 25 个中文字。最好是在 10~20 之间。<br />+ 切勿堆砌关键词。这是很多人常犯的错误<br />+ 关键词最好出现在最前面<br />+ 标题有吸引力。毕竟有吸引力的标题才能让用户点击<br />+ 连词符的使用。可以使用 |-><br />+ 不要使用没有意义的句子<br />keywords优化:<br />好多站长在keywords堆砌关键词,所以好多搜索引擎不太重视keywords了。建议大家还是认真填写keywords,有的搜索引擎还是很重视的,由于现在词频和密度对于 SEO 影响不大,所以只要保持你的正文中出现 4~6 次关键词就可以了。千万不能堆砌关键词。<br />注意事项:<br />+ 首页keywords写法:首页keywords按照选定的栏目名称,在首页的keywords中加入总名称、栏目名称和一两个关键词。<br />+ 栏目keywords写法:栏目的keywords其栏目下所有分类列表的名称列出,加上栏目关键字,写法是“栏目名称,栏目关键字,栏目分类列表名称”<br />+ 分类列表页keywords写法:将你这个栏目中的主要关键字写入。<br />Description优化:<br />description一般不超过100个字符。对于个人站点而言,描述标签最好是一句通顺的句子,如果不能的话,则宁可不要。<br />注意事项:<br />+ 首页description写法:description的写法就是将首页的标题、关键词和一些特殊栏目的内容融合到里面,写成简单的介绍形式,不要只写关键词。<br />+ 栏目description写法:将栏目的标题、关键字、分类列表名称,尽量的写入description中,仍是尽量写成介绍形式。<br />+ 分类description写法:是将你这个栏目中的主要关键字写入。<br />H标签优化:<br />H 标签的重要性可能是仅次与页面标签。H1->H6 的重要性依次降低。<br />所以建议在页面的 H1 和 H2 标签中混入关键词。</p> <p><em>备注</em></p> <p><em>网站外链的推广度、数量和质量<br />网站的内链足够强大<br />网站的原创质量<br />网站的年龄时间<br />网站的更新频率(更新次数越多越好)<br />网站的服务器<br />网站的流量:流量越高网站的权重越高<br />网站的关键词排名:关键词排名越靠前,网站的权重越高<br />网站的收录数量:网站百度收录数量越多,网站百度权重越高<br />网站的浏览量及深度:用户体验越好,网站的百度权重越高</em></p> <p><strong>附录:我的custom.styl样式文件</strong><br />不建议直接全部复制粘贴!!<br /><strong>custom.styl样式文件路径:</strong>~\themes\next\source\css\_custom\custom.styl<br /><br />``` [更新时间:2019/7/21] <br />// Custom styles.<br />/*******************首页样式*****************************/</p> <p>// 网站背景<br />body {<!-- --><br /> background:url(https://img.zcool.cn/community/019d8f5c8db2d1a801208f8bd92bb7.png@1280w_1l_2o_100sh.png);<br /> background-repeat: repeat; //重复<br /> background-attachment:fixed;<br /> background-position:0% 0%;<br />}</p> <p>//改变背景色和透明度等<br />.main-inner {<!-- --><br />background: #000;<br />padding: 25px;<br />opacity: 0.75; //整体透明度,包括字体<br />border-radius: 10px;<br />}</p> <p>// 字体颜色<br />.post-body {<!-- --><br /> color: #fff; //黑色<br />}</p> <p>.post {<!-- --><br /> margin-top: 60px;<br /> margin-bottom: 60px;<br /> padding: 25px;<br /> -webkit-box-shadow: 0 0 5px rgba(202, 203, 203, .5);<br /> -moz-box-shadow: 0 0 5px rgba(202, 203, 204, .5);<br /> }</p> <p><br />// 网站描述<br />.site-subtitle{ font-size: 15px; color: white; }</p> <p>// 网站标题<br />.site-title {<!-- --><br /> font-size: 30px; //字体大小<br /> font-weight: bold; //字体:粗体<br />}</p> <p>// 标题背景<br />.brand{<!-- --><br /> background: transparent; //透明<br />}</p> <p>// 菜单栏<br />.menu {<!-- --><br /> margin-top: 20px;<br /> padding-left: 0;<br /> text-align: center;<br /> background: rgba(0, 0, 0, 0.5); //菜单栏背景色<br /> margin-left: auto;<br /> margin-right: auto;<br /> width: 530px;<br /> border-radius: initial;<br />}</p> <p>// 菜单图表链接 以及 超链接样式<br />a {<!-- --><br /> color: rgba(0,0,0,1);<br />}<br />a:hover {<!-- --><br /> color: #ff106c;<br /> border-bottom-color: #ff106c;<br />}</p> <p>// 菜单<br />.menu .menu-item a {<!-- --><br /> font-size: 14px; //字体大小<br />}<br />.menu .menu-item a:hover {<!-- --><br /> border-bottom-color: #ff106c;<br />}</p> <p>.posts-expand .post-title-link {<!-- --><br /> display: inline-block;<br /> position: relative;<br /> color: #fff; // 文章标题颜色<br /> border-bottom: none;<br /> line-height: 1.2;<br /> vertical-align: top;<br />}</p> <p>// 头部inner<br />.header-inner {<!-- --><br /> padding: 45px 0 25px;<br /> width: 700px;<br />}</p> <p>// 站点描述<br />.site-description {<!-- --><br /> font-size: 16px;</p> <p>}</p> <p>// 作者名<br />.site-author-name {<!-- --><br /> font-family: 'Comic Sans MS', sans-serif;<br /> font-size: 20px;</p> <p>/*******************文章样式*****************************/</p> <p>// 文章背景框框<br />.post {<!-- --><br /> margin-top: 10px;<br /> margin-bottom: 40px;<br /> padding: 18px;<br /> -webkit-box-shadow: 0 0 5px rgba(202, 203, 203, 0.8);<br /> }</p> <p>// 文章之间的分割线<br />.posts-expand .post-eof {<!-- --><br /> margin: 40px auto 40px;<br /> background: white;<br />}</p> <p>// 文章小标题颜色块<br />.post-body h2, h3, h4, h5, h6 {<!-- --><br /> border-left: 4px solid #2780e3;<br /> padding-left: 10px;<br />}</p> <p>}</p> <p>// ``代码块样式<br />code {<!-- --><br /> color: #E6006B;<br /> background: white;<br /> border-radius: 3px;<br />}</p> <p>// 文章代码块顶部样式<br />.highlight figcaption {<!-- --><br /> margin: 0em;<br /> padding: 0.5em;<br /> background: #eee;<br /> border-bottom: 1px solid #e9e9e9;<br />}<br />.highlight figcaption a {<!-- --><br /> color: rgb(80, 115, 184);<br />}</p> <p>// 修改选中字符的颜色<br />/* webkit, opera, IE9 */<br />::selection { <br /> background: #00c4b6;<br /> color: #f7f7f7; <br />}<br />/* firefox */<br />::-moz-selection { <br /> background: #00c4b6;<br /> color: #f7f7f7; <br />}</p> <p><br />// 文章标题动态效果 next/source/css/_common/components/post/post-title.styl中.posts-expand .post-title-link确保`position: relative;`属性存在, 如果需要标题呈现链接效果颜色, 将`color`元素去除即可<br />.posts-expand .post-title-link::before {<!-- --><br /> background-image: linear-gradient(90deg, #a166ab 0%, #ef4e7b 25%, #f37055 50%, #ef4e7b 75%, #a166ab 100%);<br />}</p> <p>// 文章内标题样式(左边的竖线)<br />.post-body h2, h3, h4, h5, h6 {<!-- --><br /> border-left: 4px solid #657b83;<br /> padding-left: 10px;<br />}</p> <p>.post-body h1 {<!-- --><br /> border-left: 5px solid #657b83;<br /> padding-left: 10px;<br />}</p> <p>body {<!-- --><br /> color: #fff; // 文章文本颜色<br /> font-size: 16px;<br />}</p> <p>.posts-expand .post-meta {<!-- --><br /> margin: 3px 0 60px 0;<br /> color: #fff; // 文章标签文本颜色<br /> font-family: 'Lato', "PingFang SC", "Microsoft YaHei", sans-serif;<br /> font-size: 12px;<br /> text-align: center;<br />}</p> <p>// 文章分类颜色<br />a {<!-- --><br /> color: rgba(255, 255, 255, 1);<br />}</p> <p>// 去掉图片边框<br />.posts-expand .post-body img {<!-- --><br /> border: none;<br /> padding: 0px;<br />}</p> <p>.post-copyright {<!-- --><br /> margin: 2em 0 0;<br /> padding: 0.5em 1em;<br /> border-left: 3px solid #ff1700;<br /> background-color: #f9f9f900; // 版权信息背景色透明<br /> list-style: none;<br />}</p> <p>/*******************其他样式*****************************/</p> <p>// 按钮样式<br />.btn {<!-- --><br /> margin-top: 20px;<br />}</p> <p> // 自定义的侧栏时间样式<br />#days {<!-- --><br /> display: block;<br /> color: #999999;<br /> font-size: 14px;<br /> margin-top: 15px;<br />}</p> <p>// 右下角返回顶部按钮样式<br />.back-to-top {<!-- --><br /> line-height: 1.5;<br /> right: 10px;<br /> padding-right: 5px;<br /> padding-left: 5px;<br /> padding-top: 2.5px;<br /> padding-bottom: 2.5px;<br /> background-color: rgba(34, 34, 34, 0.75);<br /> border-radius: 5px;<br /> box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);<br />}</p> <p>// 自定义页脚跳动的心样式<br />@keyframes heartAnimate {<!-- --><br /> 0%,100%{transform:scale(1);}<br /> 10%,30%{transform:scale(0.9);}<br /> 20%,40%,60%,80%{transform:scale(1.1);}<br /> 50%,70%{transform:scale(1.1);}<br />}<br />#heart {<!-- --><br /> animation: heartAnimate 1.33s ease-in-out infinite;<br />}<br />.with-love {<!-- --><br /> color: rgb(255, 113, 168);<br />}</p> <p>/*******************写作用样式*****************************/<br />// 下载样式<br />a#download {<!-- --><br />display: inline-block;<br />padding: 0 10px;<br />color: #fff;<br />background: transparent;<br />border: 2px solid #fff;<br />border-radius: 2px;<br />transition: all .5s ease;<br />font-weight: bold;<br />&:hover {<!-- --><br />background: #fff;<br />color: #fff;<br />}<br />}<br />/ /颜色块-黄<br />span#inline-yellow {<!-- --><br />display:inline;<br />padding:.2em .6em .3em;<br />font-size:80%;<br />font-weight:bold;<br />line-height:1;<br />color:#fff;<br />text-align:center;<br />white-space:nowrap;<br />vertical-align:baseline;<br />border-radius:0;<br />background-color: #f0ad4e;<br />}<br />// 颜色块-绿<br />span#inline-green {<!-- --><br />display:inline;<br />padding:.2em .6em .3em;<br />font-size:80%;<br />font-weight:bold;<br />line-height:1;<br />color:#fff;<br />text-align:center;<br />white-space:nowrap;<br />vertical-align:baseline;<br />border-radius:0;<br />background-color: #5cb85c;<br />}<br />// 颜色块-蓝<br />span#inline-blue {<!-- --><br />display:inline;<br />padding:.2em .6em .3em;<br />font-size:80%;<br />font-weight:bold;<br />line-height:1;<br />color:#fff;<br />text-align:center;<br />white-space:nowrap;<br />vertical-align:baseline;<br />border-radius:0;<br />background-color: #2780e3;<br />}<br />// 颜色块-紫<br />span#inline-purple {<!-- --><br />display:inline;<br />padding:.2em .6em .3em;<br />font-size:80%;<br />font-weight:bold;<br />line-height:1;<br />color:#fff;<br />text-align:center;<br />white-space:nowrap;<br />vertical-align:baseline;<br />border-radius:0;<br />background-color: #9954bb;<br />}<br />// 左侧边框红色块级<br />p#div-border-left-red {<!-- --><br />display: block;<br />padding: 10px;<br />margin: 10px 0;<br />border: 1px solid #ccc;<br />border-left-width: 5px;<br />border-radius: 3px;<br />border-left-color: #df3e3e;<br />}<br />// 左侧边框黄色块级<br />p#div-border-left-yellow {<!-- --><br />display: block;<br />padding: 10px;<br />margin: 10px 0;<br />border: 1px solid #ccc;<br />border-left-width: 5px;<br />border-radius: 3px;<br />border-left-color: #f0ad4e;<br />}<br />// 左侧边框绿色块级<br />p#div-border-left-green {<!-- --><br />display: block;<br />padding: 10px;<br />margin: 10px 0;<br />border: 1px solid #ccc;<br />border-left-width: 5px;<br />border-radius: 3px;<br />border-left-color: #5cb85c;<br />}<br />// 左侧边框蓝色块级<br />p#div-border-left-blue {<!-- --><br />display: block;<br />padding: 10px;<br />margin: 10px 0;<br />border: 1px solid #ccc;<br />border-left-width: 5px;<br />border-radius: 3px;<br />border-left-color: #2780e3;<br />}<br />// 左侧边框紫色块级<br />p#div-border-left-purple {<!-- --><br />display: block;<br />padding: 10px;<br />margin: 10px 0;<br />border: 1px solid #ccc;<br />border-left-width: 5px;<br />border-radius: 3px;<br />border-left-color: #9954bb;<br />}<br />// 右侧边框红色块级<br />p#div-border-right-red {<!-- --><br />display: block;<br />padding: 10px;<br />margin: 10px 0;<br />border: 1px solid #ccc;<br />border-right-width: 5px;<br />border-radius: 3px;<br />border-right-color: #df3e3e;<br />}<br />// 右侧边框黄色块级<br />p#div-border-right-yellow {<!-- --><br />display: block;<br />padding: 10px;<br />margin: 10px 0;<br />border: 1px solid #ccc;<br />border-right-width: 5px;<br />border-radius: 3px;<br />border-right-color: #f0ad4e;<br />}<br />// 右侧边框绿色块级<br />p#div-border-right-green {<!-- --><br />display: block;<br />padding: 10px;<br />margin: 10px 0;<br />border: 1px solid #ccc;<br />border-right-width: 5px;<br />border-radius: 3px;<br />border-right-color: #5cb85c;<br />}<br />// 右侧边框蓝色块级<br />p#div-border-right-blue {<!-- --><br />display: block;<br />padding: 10px;<br />margin: 10px 0;<br />border: 1px solid #ccc;<br />border-right-width: 5px;<br />border-radius: 3px;<br />border-right-color: #2780e3;<br />}<br />// 右侧边框紫色块级<br />p#div-border-right-purple {<!-- --><br />display: block;<br />padding: 10px;<br />margin: 10px 0;<br />border: 1px solid #ccc;<br />border-right-width: 5px;<br />border-radius: 3px;<br />border-right-color: #9954bb;<br />}<br />// 上侧边框红色<br />p#div-border-top-red {<!-- --><br />display: block;<br />padding: 10px;<br />margin: 10px 0;<br />border: 1px solid #ccc;<br />border-top-width: 5px;<br />border-radius: 3px;<br />border-top-color: #df3e3e;<br />}<br />// 上侧边框黄色<br />p#div-border-top-yellow {<!-- --><br />display: block;<br />padding: 10px;<br />margin: 10px 0;<br />border: 1px solid #ccc;<br />border-top-width: 5px;<br />border-radius: 3px;<br />border-top-color: #f0ad4e;<br />}<br />// 上侧边框绿色<br />p#div-border-top-green {<!-- --><br />display: block;<br />padding: 10px;<br />margin: 10px 0;<br />border: 1px solid #ccc;<br />border-top-width: 5px;<br />border-radius: 3px;<br />border-top-color: #5cb85c;<br />}<br />// 上侧边框蓝色<br />p#div-border-top-blue {<!-- --><br />display: block;<br />padding: 10px;<br />margin: 10px 0;<br />border: 1px solid #ccc;<br />border-top-width: 5px;<br />border-radius: 3px;<br />border-top-color: #2780e3;<br />}<br />// 上侧边框紫色<br />p#div-border-top-purple {<!-- --><br />display: block;<br />padding: 10px;<br />margin: 10px 0;<br />border: 1px solid #ccc;<br />border-top-width: 5px;<br />border-radius: 3px;<br />border-top-color: #9954bb;<br />}<br /><br /></p> <p><strong>后语</strong><br />更多消息请关注我,奥怪的小栈:https://aoguai.github.io/<br />待补充......</p> <p>转载于:https://www.cnblogs.com/aoguai/p/11238689.html</p> </p> <p><br /><pre><code style="font-size:16px;">本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击<a href="https://shimo.im/forms/N2A1gvJRpPh7K9qD/fill" target="_blank" rel="nofollow">【内容举报】</a>进行投诉反馈!</code></pre></p> <!-- E 正文 --> <link href="https://qiniu.techgrow.cn/readmore/dist/readmore.css" type="text/css" rel="stylesheet"> <script src="https://qiniu.techgrow.cn/readmore/dist/readmore.js" type="text/javascript"></script> <script> var regex = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i var isMobile = navigator.userAgent.match(regex); if (!isMobile) { try { var plugin = new ReadmorePlugin(); plugin.init({ id: "readmore-container", blogId: "55721-7689706765131-406", name: "财经早读", keyword: "666", qrcode: "https://www.imspm.com/assets/img/caijingzaodu.jpg", type: "website", height: "auto", expires: "7", interval: "60", random: "1" }) } catch (e) { console.warn("readmore plugin occurred error: " + e.name + " | " + e.message); } } </script> </div> <!-- S 付费阅读 --> <!-- E 付费阅读 --> <!-- S 点赞 --> <div class="article-donate"> <a href="javascript:" class="btn btn-primary btn-like btn-lg social-share-icon icon-heart addbookbark" data-type="archives" data-aid="723776" data-action="/addons/cms/ajax/collection.html">收藏</a> </div> <!-- E 点赞 --> <div class="entry-meta"> <ul> <!-- S 归档 --> <li>标签:<a href="/dev.html" class="tag" rel="tag" target="_blank">技术</a></li> <!-- S 归档 --> </ul> <ul class="article-prevnext"> <!-- S 上一篇下一篇 --> <li> <span>上一篇 ></span> <a href="/dev/723775.html" target="_blank">内有干货!2个人3个月怎样从零完毕一款社区App《林卡》</a> </li> <li> <span>下一篇 ></span> <a href="/dev/723777.html" target="_blank">用Hexo-GithubPages-CodingPages搭建自己的个人博客</a> </li> <!-- E 上一篇下一篇 --> </ul> </div> <div class="related-article"> <div class="row" style="margin: 0 -15px;"> <!-- S 相关文章 --> <div class="col-xs-12"> <h3 style="font-size: 1.1em;">相关文章</h5> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747938.html" target="_blank">Duilib中list控件支持ctrl和shif多行选中的实现</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747937.html" target="_blank">[ICML2015]Batch Normalization:Accelerating Deep Network Training by Reducing Internal Covariate Shif</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747936.html" target="_blank">win10系统 微软输入法 于eclipse ctrl+shif+f冲突间接处理办法</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747935.html" target="_blank">Codeforces Round #259 (Div. 2) B. Little Pony and Sort by Shif</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747934.html" target="_blank">读LDD3,内存映射与DMA--PAGE_SHIF…</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747933.html" target="_blank">VMware虚拟机安装XP【要先分区,再设置BOOT 启动CD,shif+上移】</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747932.html" target="_blank">更换iBus五笔的左与右Shif</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747931.html" target="_blank">sublime ctrl+shif+f 没用解决办法</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747930.html" target="_blank">idea 对 ctrl + z 的撤销 是 ctrl + shif + z</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747929.html" target="_blank">计算机最早的设计师应用于,计算机应用基础选择题doc.doc</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747928.html" target="_blank">win10自带截图神器:Win+Shift+S</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747927.html" target="_blank">Python基础之文件目录操作</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747926.html" target="_blank">python简述目录_Python基础之文件目录操作(示例代码)</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747925.html" target="_blank">tp5 如何做数据采集</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747924.html" target="_blank">任务2-7(服务器字体+阿里巴巴矢量库)</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747923.html" target="_blank">html标签(1):h1~h6,p,br,pre,hr</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747922.html" target="_blank">TI 电量计介绍与芯片选型指南</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747921.html" target="_blank">几款TI电源芯片简介</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747920.html" target="_blank">TI DSP芯片C2000系列读取FLASH数据</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747919.html" target="_blank">德州仪器(Ti)平台嵌入式开发基础</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747918.html" target="_blank">TI三相电机智能栅极驱动芯片特点分类</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747917.html" target="_blank">省选模拟(12.08) T3 圈圈圈圈圈圈圈圈</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747916.html" target="_blank">Hadoop生态圈技术栈(上)</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747915.html" target="_blank">大数据开发基础入门与项目实战(三)Hadoop核心及生态圈技术栈之6.Impala交互式查询</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747914.html" target="_blank">小猿圈之Linux下Mysql 操作命令</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747913.html" target="_blank">大数据Hadoop生态圈常用面试题</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747912.html" target="_blank">大数据开发基础入门与项目实战(三)Hadoop核心及生态圈技术栈之4.Hive DDL、DQL和数据操作</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747911.html" target="_blank">备战Noip2018模拟赛11(B组)T3 Monogatari 物语</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747910.html" target="_blank">【智能优化算法-圆圈搜索算法】基于圆圈搜索算法Circle Search Algorithm求解单目标优化问题附matlab代码</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747909.html" target="_blank">NYOJ 78 圈水池</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747908.html" target="_blank">递归问题 跑道 汽车 绕圈问题 Python实现</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747907.html" target="_blank">Hadoop生态圈(三):MapReduce</a></p> </div> <!-- E 相关文章 --> </div> </div> <div class="clearfix"></div> </div> </div> </main> <aside class="col-xs-12 col-md-4"> <!--@formatter:off--> <!--@formatter:on--> <!-- S 内容推荐 --> <div class="panel panel-default hot-article"> <div class="panel-heading"> <h3 class="panel-title">内容推荐</h3> </div> <div class="panel-body"> <div class="media media-number"> <div class="media-left"> <span class="num tag">1</span> </div> <div class="media-body"> <a class="link-dark" href="/jiaohutiyan/753475.html" title="大厂出品!保姆级教程帮你掌握「用户体验要素」" target="_blank">大厂出品!保姆级教程帮你掌握「用户体验要素」</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">2</span> </div> <div class="media-body"> <a class="link-dark" href="/jiaohutiyan/753348.html" title="大厂实战案例!设计师如何助力京东快递业务增长?" target="_blank">大厂实战案例!设计师如何助力京东快递业务增长?</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">3</span> </div> <div class="media-body"> <a class="link-dark" href="/jiaohutiyan/753116.html" title="总监干货!5个常见的UI设计规范创建误区" target="_blank">总监干货!5个常见的UI设计规范创建误区</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">4</span> </div> <div class="media-body"> <a class="link-dark" href="/kaifagongju/752540.html" title="数据库管理利器——Navicat Premium v17.0.4学习版(Windows+MacOS+Linux)" target="_blank">数据库管理利器——Navicat Premium v17.0.4学习版(Windows+MacOS+Linux)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">5</span> </div> <div class="media-body"> <a class="link-dark" href="/jiaohutiyan/750353.html" title="进阶必学!快速掌握10种国际主流设计模型" target="_blank">进阶必学!快速掌握10种国际主流设计模型</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">6</span> </div> <div class="media-body"> <a class="link-dark" href="/jiaohutiyan/750352.html" title="春节期间,10个大厂的产品细节走心设计" target="_blank">春节期间,10个大厂的产品细节走心设计</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">7</span> </div> <div class="media-body"> <a class="link-dark" href="/jiaohutiyan/747940.html" title="如何帮助用户度过新人期?来看雪球APP的实战总结!" target="_blank">如何帮助用户度过新人期?来看雪球APP的实战总结!</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">8</span> </div> <div class="media-body"> <a class="link-dark" href="/ruanjianzixun/42357.html" title="Sketch 95.3最新版下载 (Sketch矢量绘图应用软件)" target="_blank">Sketch 95.3最新版下载 (Sketch矢量绘图应用软件)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">9</span> </div> <div class="media-body"> <a class="link-dark" href="/ruanjianzixun/42356.html" title="Axure RP 9 最新正式版安装软件与汉化语言包下载(2023年3月30日更新)" target="_blank">Axure RP 9 最新正式版安装软件与汉化语言包下载(2023年3月30日更新)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">10</span> </div> <div class="media-body"> <a class="link-dark" href="/chanpinsheji/42343.html" title="嘘!SaaS产品的差异化设计细节,一般人我不告诉他" target="_blank">嘘!SaaS产品的差异化设计细节,一般人我不告诉他</a> </div> </div> </div> </div> <!-- E 内容推荐 --> <div class="panel panel-blockimg"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6421005227861480" crossorigin="anonymous"></script> <!-- 右侧正方形 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6421005227861480" data-ad-slot="1989994359" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="panel panel-default lasest-update"> <!-- S 最近更新 --> <div class="panel-heading"> <h3 class="panel-title">最新更新</h3> </div> <div class="panel-body"> <ul class="list-unstyled"> <li> <span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span> <a class="link-dark" href="/chanpinjingli/758173.html" title="3分钟绘制流程图!这个AI+绘图工具的神仙组合,学完老板直呼内行" target="_blank">3分钟绘制流程图!这个AI+绘图工具的神仙组合,学完老板直呼内行</a> </li> <li> <span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span> <a class="link-dark" href="/chanpinjingli/758172.html" title="商业潜规则:打败你的不是AI,而是人性" target="_blank">商业潜规则:打败你的不是AI,而是人性</a> </li> <li> <span><a href="/chanpinsheji.html" target="_blank">[产品设计]</a></span> <a class="link-dark" href="/chanpinsheji/758171.html" title="DeepSeek+智能派单系统的实践分享" target="_blank">DeepSeek+智能派单系统的实践分享</a> </li> <li> <span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span> <a class="link-dark" href="/chanpinjingli/758170.html" title="一文读懂本年实际损益借(贷)方发生额" target="_blank">一文读懂本年实际损益借(贷)方发生额</a> </li> <li> <span><a href="/chuangyexueyuan.html" target="_blank">[创业学院]</a></span> <a class="link-dark" href="/chuangyexueyuan/758169.html" title="大客户 vs 中小企业:需求竟天差地别?以企业培训数字化为例" target="_blank">大客户 vs 中小企业:需求竟天差地别?以企业培训数字化为例</a> </li> <li> <span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span> <a class="link-dark" href="/chanpinjingli/758168.html" title="不要将员工的“猴子”背到自己身上:职场管理中的权责划分" target="_blank">不要将员工的“猴子”背到自己身上:职场管理中的权责划分</a> </li> <li> <span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span> <a class="link-dark" href="/chanpinjingli/758167.html" title="人工智能的三层架构:从应用层到基础服务层,解密智能革命" target="_blank">人工智能的三层架构:从应用层到基础服务层,解密智能革命</a> </li> <li> <span><a href="/chanpinsheji.html" target="_blank">[产品设计]</a></span> <a class="link-dark" href="/chanpinsheji/758166.html" title="一文讲清楚iOS的SKAN4.0" target="_blank">一文讲清楚iOS的SKAN4.0</a> </li> </ul> </div> <!-- E 最近更新 --> </div> <!-- S 热门标签 --> <div class="panel panel-default hot-tags"> <div class="panel-heading"> <h3 class="panel-title">热门标签</h3> </div> <div class="panel-body"> <div class="tags"> <a href="/channel/数量.html" class="tag" target="_blank"> <span>数量</span></a> <a href="/channel/AI技术趋势.html" class="tag" target="_blank"> <span>AI技术趋势</span></a> <a href="/channel/用户角色.html" class="tag" target="_blank"> <span>用户角色</span></a> <a href="/channel/心智游移.html" class="tag" target="_blank"> <span>心智游移</span></a> <a href="/channel/自然生态系统.html" class="tag" target="_blank"> <span>自然生态系统</span></a> <a href="/channel/会员权益.html" class="tag" target="_blank"> <span>会员权益</span></a> <a href="/channel/AirDrop.html" class="tag" target="_blank"> <span>AirDrop</span></a> <a href="/channel/hashmap.html" class="tag" target="_blank"> <span>hashmap</span></a> <a href="/channel/小龙虾.html" class="tag" target="_blank"> <span>小龙虾</span></a> <a href="/channel/焦虑.html" class="tag" target="_blank"> <span>焦虑</span></a> <a href="/channel/危机处理.html" class="tag" target="_blank"> <span>危机处理</span></a> <a href="/channel/发展.html" class="tag" target="_blank"> <span>发展</span></a> <a href="/channel/微信群折叠.html" class="tag" target="_blank"> <span>微信群折叠</span></a> <a href="/channel/toast.html" class="tag" target="_blank"> <span>toast</span></a> <a href="/channel/测评新算法.html" class="tag" target="_blank"> <span>测评新算法</span></a> <a href="/channel/改版.html" class="tag" target="_blank"> <span>改版</span></a> <a href="/channel/wireshark.html" class="tag" target="_blank"> <span>wireshark</span></a> <a href="/channel/投放方式.html" class="tag" target="_blank"> <span>投放方式</span></a> <a href="/channel/音频播放动效.html" class="tag" target="_blank"> <span>音频播放动效</span></a> <a href="/channel/timer.html" class="tag" target="_blank"> <span>timer</span></a> <a href="/channel/女性商业.html" class="tag" target="_blank"> <span>女性商业</span></a> <a href="/channel/古典自媒体.html" class="tag" target="_blank"> <span>古典自媒体</span></a> <a href="/channel/海外博主.html" class="tag" target="_blank"> <span>海外博主</span></a> <a href="/channel/repeater.html" class="tag" target="_blank"> <span>repeater</span></a> <a href="/channel/转账.html" class="tag" target="_blank"> <span>转账</span></a> <a href="/channel/万能钥匙.html" class="tag" target="_blank"> <span>万能钥匙</span></a> <a href="/channel/秋招.html" class="tag" target="_blank"> <span>秋招</span></a> <a href="/channel/快服务.html" class="tag" target="_blank"> <span>快服务</span></a> <a href="/channel/个人演讲.html" class="tag" target="_blank"> <span>个人演讲</span></a> <a href="/channel/客户共识.html" class="tag" target="_blank"> <span>客户共识</span></a> </div> </div> </div> <!-- E 热门标签 --> </aside> </div> </div> </main> <footer> <div id="footer"> <div class="container"> <div class="row footer-inner"> <div class="col-xs-12"> <div class="footer-logo pull-left mr-4"> <a href="/"><i class="fa fa-bookmark"></i></a> </div> <div class="pull-left"> Copyright © 2026 All rights reserved. 超级产品经理 <a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">浙ICP备14026978号-4</a> <ul class="list-unstyled list-inline mt-2"> <li><a href="/p/aboutus.html" target="_blank">关于网站</a></li> <li><a href="/contactus.html" rel="nofollow" target="_blank">联系我们</a></li> </ul> </div> </div> </div> </div> </div> </footer> <div id="floatbtn"> <!-- S 浮动按钮 --> <a class="hover" href="/index/cms.archives/post.html" target="_blank"> <i class="iconfont icon-pencil"></i> <em>立即<br>投稿</em> </a> <div class="floatbtn-item floatbtn-share"> <i class="iconfont icon-share"></i> <div class="floatbtn-wrapper" style="height:50px;top:0"> <div class="social-share" data-initialized="true" data-mode="prepend"> <a href="#" class="social-share-icon icon-weibo" target="_blank"></a> <a href="#" class="social-share-icon icon-qq" target="_blank"></a> <a href="#" class="social-share-icon icon-qzone" target="_blank"></a> <a href="#" class="social-share-icon icon-wechat"></a> </div> </div> </div> <a href="javascript:;"> <i class="iconfont icon-qrcode"></i> <div class="floatbtn-wrapper"> <div class="qrcode"><img src="https://www.imspm.com/assets/img/gongzhonghao.jpg"></div> <p>微信公众账号</p> <p>微信扫一扫加关注</p> </div> </a> <a id="back-to-top" class="hover" href="javascript:;"> <i class="iconfont icon-backtotop"></i> <em>返回<br>顶部</em> </a> <!-- E 浮动按钮 --> </div> <script type="text/javascript" src="/assets/libs/jquery/dist/jquery.min.js?v=1.0.10"></script> <script type="text/javascript" src="/assets/libs/bootstrap/dist/js/bootstrap.min.js?v=1.0.10"></script> <script type="text/javascript" src="/assets/libs/fastadmin-layer/dist/layer.js?v=1.0.10"></script> <script type="text/javascript" src="/assets/libs/art-template/dist/template-native.js?v=1.0.10"></script> <script type="text/javascript" src="/assets/addons/cms/js/jquery.autocomplete.js?v=1.0.10"></script> <script type="text/javascript" src="/assets/addons/cms/js/swiper.min.js?v=1.0.10"></script> <script type="text/javascript" src="/assets/addons/cms/js/share.min.js?v=1.0.10"></script> <script type="text/javascript" src="/assets/addons/cms/js/cms.js?v=1.0.10"></script> <script type="text/javascript" src="/assets/addons/cms/js/common.js?v=1.0.10"></script> </body> </html>