阿里云搭建node服务器服务器用的appnode面板,Baidu Sitemap Generator点生成就空白

Baidu Sitemap Generator插件可能导致WordPress发表文章出现空白 – 小z博客
检测到您启用了Adblock等屏蔽广告扩展,导致正常的内容图片无法显示,为了不影响阅读体验,建议您将www.xiaoz.me加入白名单。
Baidu Sitemap Generator插件可能导致WordPress发表文章出现空白
Baidu Sitemap Generator插件可能导致WordPress发表文章出现空白
前一段时间将WordPress升级到4.2后发现发表文章出现空白页面,而/wp-admin/post.php没有给出任何信息,网上搜了一下很多说是百度官方的sitemap submit插件所导致,但是我将此插件停用后并没有起到任何作用,发表文章的时候依然出现空白页。
于是修改wp-config.php将define(‘WP_DEBUG’, true);开启调试模式后,看到了一些错误信息,根据提示错误信息大致为:Notice: 自2.0版本起,已不建议给has_cap传入一个参数!插件和主题中,用户等级的使用已不被支持。请换用角色和权限。 in D:\wwwroot\hellyhua\wwwroot\wp-includes\functions.php on line 3006,然后我就开始怀疑是因为WordPress4.2可能与我正在使用的某个插件产生冲突。
那么进行依次排除,当我停用Baidu Sitemap Generator插件后,这个错误信息消失,然后我再尝试发表一篇新文章,很快发表成功了,并且没有再出现空白页,因此可以判断Baidu Sitemap Generator插件与WordPress4.2存在兼容性问题,如果您更新到了最新版的WordPress4.2并且使用了这个插件,那么我建议您将此插件停用,以免出现WordPress发表文章出现空白的情况。
Baidu Sitemap Generator插件最新版为1.5,作者为柳城,作用是生成xml格式的,然后这个插件没有根据WordPress版本进行及时更新,所以出现了此情况,WordPress4.2版本以下应该不会出现此问题。哈~作为一个忘记吃药的程序猿,我写了一个可以备份到git的插件,可以备份整个博客,包括你的主题,可以备份到任何git的服务器,github,gitcafe都没有问题。&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/coneycode/hexo-git-backup& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&coneycode/hexo-git-backup · GitHub&/a&&br&欢迎试用交流。
哈~作为一个忘记吃药的程序猿,我写了一个可以备份到git的插件,可以备份整个博客,包括你的主题,可以备份到任何git的服务器,github,gitcafe都没有问题。
欢迎试用交流。
&p&不知道题主是不是换了新电脑,需要在新电脑上进行部署,如果是,可以参考下面的方法:
1、从官网&a href=&//link.zhihu.com/?target=https%3A//git-scm.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Git&/a&下载git,在新电脑上安装,因为https速度慢,而且每次都要输入口令,常用的是使用ssh。使用下面方法创建:
(1)打开git bash,在用户主目录下运行:ssh-keygen -t rsa -C && 把其中的邮件地址换成自己的邮件地址,然后一路回车
(2)最后完成后,会在用户主目录下生成.ssh目录,里面有id_rsa和id_rsa.pub两个文件,这两个就是SSH key密钥对,id_rsa是私钥,千万不能泄露出去,id_rsa.pub是公钥,可以放心地告诉任何人。
(3)登陆GitHub,打开「Settings」-&「SSH and GPG keys」,然后点击「new SSH key」,填上任意Title,在Key文本框里粘贴公钥id_rsa.pub文件的内容(千万不要粘贴成私钥了!),最后点击「Add SSH Key」,你就应该看到已经添加的Key。
&b&注意&/b&:不要在git版本库中运行ssh,然后又将它提交,这样就把密码泄露出去了。
2、下载&a href=&//link.zhihu.com/?target=https%3A//nodejs.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Node.js&/a&,并安装
3、打开git bash客户端,输入 npm install hexo-cli -g,开始安装hexo
4、下面就将原来的文件拷贝到新电脑中,但是要注意哪些文件是必须的,哪些文件是可以删除的。
(1)讨论下哪些文件是必须拷贝的:首先是之前自己修改的文件,像站点配置_config.yml,theme文件夹里面的主题,以及source里面自己写的博客文件,这些肯定要拷贝的。除此之外,还有三个文件需要有,就是scaffolds文件夹(文章的模板)、package.json(说明使用哪些包)和.gitignore(限定在提交的时候哪些文件可以忽略)。其实,这三个文件不是我们修改的,所以即使丢失了,也没有关系,我们可以建立一个新的文件夹,然后在里面执行hexo init,就会生成这三个文件,我们只需要将它们拷贝过来使用即可。&b&总结:&/b&_config.yml,theme/,source/,scaffolds/,package.json,.gitignore,是需要拷贝的。
(2)再讨论下哪些文件是不必拷贝的,或者说可以删除的:首先是.git文件,无论是在站点根目录下,还是主题目录下的.git文件,都可以删掉。然后是文件夹node_modules(在用npm install会重新生成),public(这个在用hexo g时会重新生成),.deploy_git文件夹(在使用hexo d时也会重新生成),db.json文件。其实上面这些文件也就是.gitignore文件里面记载的可以忽略的内容。&b&总结:&/b&.git/,node_modules/,public/,.deploy_git/,db.json文件需要删除。
5、在git bash中切换目录到新拷贝的文件夹里,使用 npm install 命令,进行模块安装。很明显我们这里没用hexo init初始化,因为有的文件我们已经拷贝生成过来了,所以不必用hexo init去整体初始化,如果不慎在此时用了hexo init,则站点的配置文件_config.yml里面内容会被清空使用默认值,所以这一步一定要慎重,不要用hexo init。
6、安装其他的一些必要组件,如果在node_modules里面有的,就不要重复安装了:
(1)为了使用hexo d来部署到git上,需要安装
npm install hexo-deployer-git --save
(2)为了建立RSS订阅,需要安装
npm install hexo-generator-feed --save
(3)为了建立站点地图,需要安装
npm install hexo-generator-sitemap --save
插件安装后,有的需要对配置文件_config.yml进行配置,具体怎么配置,可以参考上面插件在github主页上的具体说明
7、使用hexo g,然后使用hexo d进行部署,如果都没有出错,就转移成功了!&/p&&p&「广告时间」:如果感觉有用,不妨点下「赞」,让更多人看到。如果想转载,请注明出处,^_^!&/p&
不知道题主是不是换了新电脑,需要在新电脑上进行部署,如果是,可以参考下面的方法:
1、从官网下载git,在新电脑上安装,因为https速度慢,而且每次都要输入口令,常用的是使用ssh。使用下面方法创建:
(1)打开git bash,在用户主目录下运行:ssh-ke…
&figure&&img src=&https://pic4.zhimg.com/v2-3cedaa9f09246_b.jpg& data-rawwidth=&720& data-rawheight=&180& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&https://pic4.zhimg.com/v2-3cedaa9f09246_r.jpg&&&/figure&&blockquote&Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。&/blockquote&&p&现在起,不需要折腾 Hexo 环境,不需要解决不同平台上的各种冲突,直接在 Coding WebIDE 即可开始挥笔!&/p&&p&Hexo 的『写作』和『部署』是分开的,前者对应原来的本地电脑工作区,后者对应静态 Pages 仓库。&/p&&h2&建站&/h2&&p&首先,我们需要新开一个项目作为 Hexo 写作的『工作区』,里面存放的是 Hexo 的源文件,包括插件依赖、文章 md 文件、网站配置等,推荐建立私有项目进行 git 版本管理,以防文件丢失。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-eeeba08ed42431ee6cdd1296_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&875& data-rawheight=&848& class=&origin_image zh-lightbox-thumb& width=&875& data-original=&https://pic3.zhimg.com/v2-eeeba08ed42431ee6cdd1296_r.jpg&&&/figure&&p&&br&&/p&&p&项目创建完成后,进入代码页,点击右上角的『WebIDE』按钮进入环境。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-f27bfd84ccf1ac744fe0f_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&955& data-rawheight=&521& class=&origin_image zh-lightbox-thumb& width=&955& data-original=&https://pic4.zhimg.com/v2-f27bfd84ccf1ac744fe0f_r.jpg&&&/figure&&p&&br&&/p&&p&在右侧单击『运行环境』唤出面板,选择使用最下方的『ide-tty-hexo』。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-3cf2c05e0f17b4ba81fc6cde_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&757& data-rawheight=&550& class=&origin_image zh-lightbox-thumb& width=&757& data-original=&https://pic3.zhimg.com/v2-3cf2c05e0f17b4ba81fc6cde_r.jpg&&&/figure&&p&&br&&/p&&p&点击左下角的『终端』,接下来就进入敲命令时间。&/p&&p&首先新建一个文件夹并进行初始化,工作区中的所有文件将存放在这个文件夹里面,文件夹名 &code&&folder&&/code& 可自定义:&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&$ hexo init &folder&
&/code&&/pre&&/div&&figure&&img src=&https://pic1.zhimg.com/v2-27a763a65c21c5a85db79c007b27d314_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1032& data-rawheight=&247& class=&origin_image zh-lightbox-thumb& width=&1032& data-original=&https://pic1.zhimg.com/v2-27a763a65c21c5a85db79c007b27d314_r.jpg&&&/figure&&p&&br&&/p&&p&接下来进入该文件夹(本文后面所有命令都在该文件夹目录中执行),并进行依赖安装:&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&$ cd &folder&
$ npm install
&/code&&/pre&&/div&&p&安装完成后,该文件夹的目录结构如下:&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-70e857fb42d16ce16d25ccf6b2e23aa4_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&206& data-rawheight=&221& class=&content_image& width=&206&&&/figure&&p&&br&&/p&&h2&写作&/h2&&p&在工作文件夹中执行这条命令来新建一篇文章,&code&&title&&/code&即为文章的标题。&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&$ hexo new &title&
&/code&&/pre&&/div&&p&终端会返回一条信息,告诉你文章源文件存放在哪里:&/p&&figure&&img src=&https://pic2.zhimg.com/v2-799f0015_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&490& data-rawheight=&35& class=&origin_image zh-lightbox-thumb& width=&490& data-original=&https://pic2.zhimg.com/v2-799f0015_r.jpg&&&/figure&&p&&br&&/p&&p&打开该 md 文件,开始你的写作吧!&/p&&figure&&img src=&https://pic4.zhimg.com/v2-cf528309cfa39a_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1245& data-rawheight=&538& class=&origin_image zh-lightbox-thumb& width=&1245& data-original=&https://pic4.zhimg.com/v2-cf528309cfa39a_r.jpg&&&/figure&&p&&br&&/p&&p&Markdown 语法可参考这篇 &a href=&http://link.zhihu.com/?target=https%3A//coding.net/help/doc/project/markdown.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&帮助文档&/a&。&/p&&h2&生成&/h2&&p&写完 md 源文件后,我们需要 Hexo 帮忙生成静态文件,以便能在浏览器中看到渲染后最终的效果。&br&执行生成文件命令:&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&$ hexo generate
&/code&&/pre&&/div&&p&或者其简写形式:&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&$ hexo g
&/code&&/pre&&/div&&p&终端执行命令后效果如下:&/p&&figure&&img src=&https://pic3.zhimg.com/v2-4bbddfa77c55fd0aaf38e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&524& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&524& data-original=&https://pic3.zhimg.com/v2-4bbddfa77c55fd0aaf38e_r.jpg&&&/figure&&p&&br&&/p&&p&目录中会多出一个 &code&public&/code& 文件夹,刚才生成的文件都放在其中。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-c4babef8d933da5187c85ab_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&402& data-rawheight=&308& class=&content_image& width=&402&&&/figure&&p&&br&&/p&&h2&部署&/h2&&p&在部署开始前,我们还需要安装依赖以及修改配置。&br&在『工作区』的 WebIDE 环境,执行这条命令安装部署到 git 服务器上的依赖:&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&$ npm install hexo-deployer-git --save
&/code&&/pre&&/div&&figure&&img src=&https://pic4.zhimg.com/v2-def05dcb49f88f556c3446f_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1365& data-rawheight=&94& class=&origin_image zh-lightbox-thumb& width=&1365& data-original=&https://pic4.zhimg.com/v2-def05dcb49f88f556c3446f_r.jpg&&&/figure&&p&&br&&/p&&p&输入以下两条命令来配置 git 环境变量,告诉 git 是谁在使用,将『』和『Your Name』替换成你自己的邮箱和名字:&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&$ git config --global user.email &&
$ git config --global user.name &Your Name&
&/code&&/pre&&/div&&p&如图所示:&/p&&figure&&img src=&https://pic2.zhimg.com/v2-ca208b3e8b8f43f42fbfe4b_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&686& data-rawheight=&32& class=&origin_image zh-lightbox-thumb& width=&686& data-original=&https://pic2.zhimg.com/v2-ca208b3e8b8f43f42fbfe4b_r.jpg&&&/figure&&p&&br&&/p&&p&在文章开头已经说过,Hexo 的『写作』和『部署』是分开的,所以我们需要另外新建一个项目作为源文件编译后的『存储区』。&br&项目为私有或公有都可以,勾选“启用README.md文件初始化项目”。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-30ce4cea69ebf63b3575c8_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&793& data-rawheight=&769& class=&origin_image zh-lightbox-thumb& width=&793& data-original=&https://pic1.zhimg.com/v2-30ce4cea69ebf63b3575c8_r.jpg&&&/figure&&p&&br&&/p&&p&记录下这个『存储区』项目的 SSH 地址:&/p&&figure&&img src=&https://pic2.zhimg.com/v2-36b36cffdd15c6c8ef9b675_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1225& data-rawheight=&419& class=&origin_image zh-lightbox-thumb& width=&1225& data-original=&https://pic2.zhimg.com/v2-36b36cffdd15c6c8ef9b675_r.jpg&&&/figure&&p&&br&&/p&&p&接下来在目录中找到 &code&_config.yml&/code& ,配置好部署参数,在其最下方找到 &code&deploy:&/code& 字段,在 &code&type:&/code& 后面填入 &code&git&/code&,冒号后面记得加个空格,在 &code&repo:&/code& 后面填入刚才记录下来的『存储区』项目的 SSH 地址,在 &code&branch:&/code& 后面填入 &code&master&/code&,记得,以上所有冒号后面都要跟一个空格才能生效。&/p&&p&如图所示:&/p&&figure&&img src=&https://pic2.zhimg.com/v2-ea17e1eb11831_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&456& data-rawheight=&132& class=&origin_image zh-lightbox-thumb& width=&456& data-original=&https://pic2.zhimg.com/v2-ea17e1eb11831_r.jpg&&&/figure&&p&&br&&/p&&p&还需要在 &code&_config.yml&/code& 中配置 #URL 参数。在 &code&url:&/code& 后面填入&code&你的用户名.coding.me/『存储区』项目名字&/code&,&code&root:&/code&后面填入&code&『存储区』项目名字&/code&。&/p&&p&比如我的用户名是 &code&chenjuntong&/code&,我的『存储区』项目名字是 &code&Hexo-Blog&/code&,则在这里的 &code&url:&/code& 填入 &code&chenjuntong.coding.me/Hexo-Blog&/code&,&code&root:&/code& 填入 &code&/Hexo-Blog/&/code&, 注意,以上所有冒号后面都要跟一个空格才能生效。&/p&&p&如图所示:&/p&&figure&&img src=&https://pic1.zhimg.com/v2-d5a7b5d091a3bf3e8271c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&814& data-rawheight=&112& class=&origin_image zh-lightbox-thumb& width=&814& data-original=&https://pic1.zhimg.com/v2-d5a7b5d091a3bf3e8271c_r.jpg&&&/figure&&p&&br&&/p&&p&最后一步,执行部署命令,即可部署到我们指定的『存储区』里。&br&执行部署命令:&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&$ hexo deploy
&/code&&/pre&&/div&&p&或者其简写形式:&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&$ hexo d
&/code&&/pre&&/div&&p&执行效果如下:&/p&&figure&&img src=&https://pic2.zhimg.com/v2-7fa3741edad4dc3b4005be1_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&861& data-rawheight=&617& class=&origin_image zh-lightbox-thumb& width=&861& data-original=&https://pic2.zhimg.com/v2-7fa3741edad4dc3b4005be1_r.jpg&&&/figure&&p&&br&&/p&&h2&开启静态 Pages 服务&/h2&&p&打开『存储区』项目页面,会发现之前在『工作区』生成的静态文件已经部署进来了:&/p&&figure&&img src=&https://pic2.zhimg.com/v2-be63238fc4bbded_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1219& data-rawheight=&656& class=&origin_image zh-lightbox-thumb& width=&1219& data-original=&https://pic2.zhimg.com/v2-be63238fc4bbded_r.jpg&&&/figure&&p&&br&&/p&&p&点开&code&Pages 服务&/code&设置页,在&code&静态 Pages&/code&中,选择&code&master 分支&/code&为部署来源,点击保存。&br&如图所示:&/p&&figure&&img src=&https://pic2.zhimg.com/v2-9ef14ecbfc44d5_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1217& data-rawheight=&614& class=&origin_image zh-lightbox-thumb& width=&1217& data-original=&https://pic2.zhimg.com/v2-9ef14ecbfc44d5_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-dd85da8e4f0ff46e4b59_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1215& data-rawheight=&560& class=&origin_image zh-lightbox-thumb& width=&1215& data-original=&https://pic2.zhimg.com/v2-dd85da8e4f0ff46e4b59_r.jpg&&&/figure&&p&&br&&/p&&p&恭喜!成功部署后,点击运行网址,你的个人博客了上线啦!&/p&&figure&&img src=&https://pic2.zhimg.com/v2-d409a9b251cff_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1176& data-rawheight=&798& class=&origin_image zh-lightbox-thumb& width=&1176& data-original=&https://pic2.zhimg.com/v2-d409a9b251cff_r.jpg&&&/figure&&p&更多博客设置请参考 &a href=&http://link.zhihu.com/?target=https%3A//hexo.io/zh-cn/docs/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Hexo 官网&/a&。&/p&
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。现在起,不需要折腾 Hexo 环境,不需要解决不同平台上的各种冲突,直接在 Coding WebIDE 即可开始挥笔!Hexo 的『写作…
&p&01、&a href=&//link.zhihu.com/?target=http%3A//librestock.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&librestock&/a&&/p&&p&这是一个包含了国外43个免费图片网站的搜索引擎,比如pexel、pixabay等,图片都免费而且可以直接下载。&/p&&p&再也不用一个一个保存网站了。&br&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//librestock.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&http://http://librestock.com&/a&&br&&/p&&br&&figure&&img src=&https://pic2.zhimg.com/16ddeb6abf5d_b.png& data-rawwidth=&600& data-rawheight=&375& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic2.zhimg.com/16ddeb6abf5d_r.png&&&/figure&&br&&p&02、&a href=&//link.zhihu.com/?target=https%3A//unsplash.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&unsplash&/a&&/p&&p&也是国外一个免费图片网站,重点是图片都可以商用。&br&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//unsplash.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&http://http://unsplash.com&/a&&br&&/p&&br&&figure&&img src=&https://pic4.zhimg.com/be273821abc74d449c4703717cac8bf7_b.png& data-rawwidth=&600& data-rawheight=&375& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic4.zhimg.com/be273821abc74d449c4703717cac8bf7_r.png&&&/figure&&br&&p&03、&a href=&//link.zhihu.com/?target=http%3A//cn.forwallpaper.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&forwallpaper&/a&&/p&&p&Forwallpaper是一个非常良心的壁纸下载网站,图片按着不同的用途进行了分类,质量很高。&br&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//cn.forwallpaper.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&http://http://cn.forwallpaper.com&/a&&br&&/p&&br&&figure&&img src=&https://pic2.zhimg.com/607cda0f473319_b.png& data-rawwidth=&600& data-rawheight=&375& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic2.zhimg.com/607cda0f473319_r.png&&&/figure&&p&04、&a href=&//link.zhihu.com/?target=https%3A//500px.com/flow%23& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&500PX&/a&&/p&&p&最大的摄影师交流社区之一,图片质量都是最高的,不过需要付费才能下载。&a href=&//link.zhihu.com/?target=https%3A//500px.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&https://http://500px.com&/a&&/p&&br&&figure&&img src=&https://pic3.zhimg.com/d42233f6acec05dac9dfe_b.png& data-rawwidth=&600& data-rawheight=&375& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic3.zhimg.com/d42233f6acec05dac9dfe_r.png&&&/figure&&br&&p&其实在Chrome的在线商城里面有一款插件可以直接抓取500px的图片,&a href=&//link.zhihu.com/?target=https%3A//chrome.google.com/webstore/detail/aikomciccjgegdeeclihpbcheknicebn& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&500px download&/a&&/p&&p&你可以点击标题跳转,或者在Chrome商店里搜索下载。但是记得,图片不要商用。&/p&&p&05、&a href=&//link.zhihu.com/?target=http%3A//www.hituyu.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&图鱼网&/a&&/p&&p&一个背景纹理图下载站点,如果觉得白底PPT不好看,可以来试试这里的素材。&br&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.hituyu.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&http://www.http://hituyu.com&/a&&br&&/p&&br&&figure&&img src=&https://pic2.zhimg.com/bcfee7281129_b.png& data-rawwidth=&600& data-rawheight=&375& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic2.zhimg.com/bcfee7281129_r.png&&&/figure&&br&&p&06、&a href=&//link.zhihu.com/?target=http%3A//588ku.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&千库网&/a&&/p&&p&千库网也是一个背景图片下载网站,做PPT、UI必备。&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//588ku.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&http://http://588ku.com&/a&&/p&&br&&figure&&img src=&https://pic3.zhimg.com/9e795bbd56bed18ffea80ff26e54789a_b.png& data-rawwidth=&600& data-rawheight=&375& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic3.zhimg.com/9e795bbd56bed18ffea80ff26e54789a_r.png&&&/figure&&p&其实千库还是主打免抠PNG素材的,整个网站干净,没有一点广告,图片都可以免费下载,很方便。&/p&
01、这是一个包含了国外43个免费图片网站的搜索引擎,比如pexel、pixabay等,图片都免费而且可以直接下载。再也不用一个一个保存网站了。
02、也是国外一个免费图片网站,重点是图片都可以商用。
1.在source文件中插入CHAME文件,写上自己的域名,比如我自己的就写成了『yuchao.wang』&br&2.根据你的描述,很明显你不是hexo配置的错误,是你域名解析出了问题。我用的是万网的域名,之前指向的是github,因为访问速度实在是太慢,所以现在指向的是阿里云主机。但是你如果想指向github,必须指向github的ip,但是github的ip可能是动态的,我记得之前查过,好像是一段连接着的IP,有很多个,所以最好还是指向github的io域名。这个解析比较慢,我等了大概十分钟左右才解析成功。静态网页托管建议使用:百度BAE或者阿里云ACE。还能SVN恢复。我之前也写了教程,&a href=&//link.zhihu.com/?target=http%3A//yuchao.wang//hexo-my-blog/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Hexo我的博客&/a& 但是没有写域名解析这块。建议不要搞得太麻烦,顾此失彼。毕竟,最重要的还是自己的文章。&br&&figure&&img src=&https://pic2.zhimg.com/af10fd86a83a1_b.jpg& data-rawwidth=&2364& data-rawheight=&582& class=&origin_image zh-lightbox-thumb& width=&2364& data-original=&https://pic2.zhimg.com/af10fd86a83a1_r.jpg&&&/figure&&br&PS:建议使用百度BAE,静态博客托管每天一毛钱,很划算。或者使用gitbook进行书写,也不错。
1.在source文件中插入CHAME文件,写上自己的域名,比如我自己的就写成了『yuchao.wang』 2.根据你的描述,很明显你不是hexo配置的错误,是你域名解析出了问题。我用的是万网的域名,之前指向的是github,因为访问速度实在是太慢,所以现在指向的是阿里云主…
&p&在你设置hexo 背景图片的文件(/themes/next/source/css/_custom)&/p&&p&根据这个设置就可以:&/p&&div class=&highlight&&&pre&&code class=&language-text&&// Custom styles.
background:url(/images/background.jpeg);
background-attachment:
&/code&&/pre&&/div&&p&正如上面所说:加上&/p&&div class=&highlight&&&pre&&code class=&language-text&&background-attachment:
&/code&&/pre&&/div&
在你设置hexo 背景图片的文件(/themes/next/source/css/_custom)根据这个设置就可以:// Custom styles.
background:url(/images/background.jpeg);
background-attachment:
}正如上面所说:加上background-attachment:
最近用hexo搭建了一个静态博客,平时写博客都是用七牛做云图床,然后利用Win下的一个图床工具MPic(&a href=&//link.zhihu.com/?target=http%3A//mpic.lzhaofu.cn& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&mpic.lzhaofu.cn&/span&&span class=&invisible&&&/span&&/a&)上传图片真的非常方便。&br&&br&主界面:&br&&figure&&img src=&https://pic2.zhimg.com/v2-e5f98b7a65f282aef81e3de30b6a2cd5_b.png& data-rawwidth=&459& data-rawheight=&276& class=&origin_image zh-lightbox-thumb& width=&459& data-original=&https://pic2.zhimg.com/v2-e5f98b7a65f282aef81e3de30b6a2cd5_r.jpg&&&/figure&&br&右键功能菜单:&br&&figure&&img src=&https://pic1.zhimg.com/v2-e1dceb8d64_b.png& data-rawwidth=&215& data-rawheight=&202& class=&content_image& width=&215&&&/figure&
最近用hexo搭建了一个静态博客,平时写博客都是用七牛做云图床,然后利用Win下的一个图床工具MPic()上传图片真的非常方便。 主界面: 右键功能菜单:
&figure&&img src=&https://pic3.zhimg.com/v2-bbd8f7fc77cab91bdd604ad_b.jpg& data-rawwidth=&640& data-rawheight=&852& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-bbd8f7fc77cab91bdd604ad_r.jpg&&&/figure&前言&p&本篇文章继续讲解一些hexo下next主题博客样式的修改。主要内容为修改首页文章摘要样式,文章详情样式,以及文章阅读次数的统计深入讲解,酷炫的博客背景,在首页菜单里添加的独立的标签页,文章结尾的模版样式修改。暂时想到了这么多,欢迎大家提出新的东西,等后面有空了再讲新东西。&br&&!--more--&&/p&首页文章摘要样式修改&h3&查看对应样式&/h3&&p&&br&通过浏览器的开发者工具可以查看到首页文章摘要对应的CSS&br&可以看到header标签内为文章的头部的样式,大家可以进行一些修改,但是基本没什么需要改动的,大家可以自己DIY,&/p&&h3&给文章首页摘要添加阴影效果&/h3&&p&&br&大家看下箭头,修改对应的CSS样式,进行重写覆盖,修改的文件路径如下(以我自己的为例):&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&D:\hexo\blog\themes\next\source\css\_custom\custom.styl
&/code&&/pre&&/div&&p&修改代码如下&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&// Custom styles.
//首页文章阴影样式
margin-top: 60
margin-bottom: 60
padding: 25
-webkit-box-shadow: 0 0 14px rgba(202, 203, 203, .5);
-moz-box-shadow: 0 0 14px rgba(202, 203, 204, .5);
&/code&&/pre&&/div&&h3&阅读文章按钮样式修改&/h3&&p&&br&主要为三个CSS样式的修改&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&.post-button .btn
.post-button .btn a
.btn:hover, .post-button .btn:hover
&/code&&/pre&&/div&&blockquote&&p&最后一个为伪类,有时候查找元素的时候不能第一时间看到,多抓取几次。&/p&&/blockquote&&p&也可以自己在本地编辑器测试修改.btn:hover, .post-button .btn:hover样式下的属性,测试显示效果就行。&br&默认主题下把鼠标移入按钮时的样式中,按钮下方有个阴影,是主题自带的,如果不想要可以添加对应的CSS样式&br&border:none来取消这效果,然后调整一下圆角值,居中设置,还有颜色的变化,大家自己参考下我之前发的样式表,或自己测试。&/p&文章详情样式修改&h3&文章详情头部样式&/h3&&p&这个样式的修改和前面首页那个的样式基本一致,所以此处跳过,但是说一点&br&&br&图中框内的图标元素更改CSS样式是无法更改的,我更改了字数统计和阅读市场的ICON,具体做法大家可以看我以前写过的一篇文章,要在源码中更改CSS的值。&/p&&h3&文章相应底部样式修改&/h3&&p&&br&最大的红框部分的内容都不是我编辑的文章里的,都是我更改了源代码加入的DIV样式标签形成的效果,当然还可以在每一篇文章最后加入对应的代码也可以,但是为了麻烦每次来粘贴所以我就没去这样做&/p&&h3&思路&/h3&&p&修改文章模板文件&br&哪个是文章主要内容的模板文件,对应的路径themes\next\layout\_macro\post.swig&br&文章底部的代码位置如下:&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&
{{ content.substring(0, theme.auto_excerpt.length) }}
{% if content.length & theme.auto_excerpt.length %}...{% endif %}
&div class=&post-more-link text-center&&
&a class=&btn& href=&{{ url_for(post.path) }}{% if theme.scroll_to_more %}#more{% endif %}& rel=&contents&&
{{ __('post.read_more') }} >>
{% else %}
{% if post.type === 'picture' %}
&a href=&{{ url_for(post.path) }}&&{{ post.content }}&/a&
{% else %}
{{ post.content }}
{% endif %}
{% endif %}
{% else %}
{{ post.content }}
### 编辑区域
&/code&&/pre&&/div&&p&那个打赏功能是主题自带的一个参数配置,大家可以去next主题官方文档上看。&/p&&h3&文章底部的横线样式修改&/h3&&p&&br&小红框里面的一条线,有些人觉得想换样式,换颜色或直接去掉。&br&直接在.post-nav下加入一个样式&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&.post-nav {
&/code&&/pre&&/div&文章阅读次数的统计深入讲解&h3&对比分析方法&/h3&&p&再次用下这张图,我这里面的阅读次数是通过leanCloud,来实现文章阅读量统计的,next主题还自带了一个不蒜子的统计参数配置,相信大家用过了,在主题的配置文件里有如下代码:&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&# Show PV/UV of the website/page with busuanzi.
# Get more information on http://ibruce.info//busuanzi/
busuanzi_count:
# count values only if the other configs are false
enable: true
# custom uv span for the whole site
site_uv: true
site_uv_header: &i class=&fa fa-user&&&/i& 访问用户:
site_uv_footer: 人
# custom pv span for the whole site
site_pv: true
site_pv_header: &i class=&fa fa-eye&&&/i& 访问次数:
site_pv_footer: 次
# custom pv span for one page only
page_pv: false
page_pv_header: &i class=&fa fa-file-o&&&/i& 点击量
page_pv_footer: 次
&/code&&/pre&&/div&&p&我设置page_pv为false因为我打算用leanCloud来实现,因为用不蒜子这个来统计是没问题,但是它说了 # custom pv span for one page only意思是只显示在文章相应这里,你在首页是看不到阅读次数统计的,对用户体验来说十分不好,所以打算用leanCloud,如果觉得首页不展示阅读次数什么的无所谓的,就可以用next主题的不蒜子插件,具体的查看官方文档上面有写方法。&/p&&p&这是我自己总结的学习路线,比较简洁,一般跟着这个走,这些知识都学会了找到工作没有任何的问题。有什么前端不懂的问题可以随时问,希望帮助每一个想学习的小伙伴学到东西,这是我的&a href=&http://link.zhihu.com/?target=http%3A//www.yidianzixun.com/m/channel/keyword/web%25E5%E7%25AB%25AF%3Fdisplay%3Dweb%25E5%E7%25AB%25AF%26word_id%3Dweb%255E%255E%25E5%E7%25AB%25AF%26type%3Dtoken& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&web前端&/a&新手学习群,刚开始学习&a href=&http://link.zhihu.com/?target=http%3A//www.yidianzixun.com/m/channel/keyword/%25E5%E7%25AB%25AF%3Fdisplay%3D%25E5%E7%25AB%25AF%26word_id%3D%25E5%E7%25AB%25AF%26type%3Dtoken& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端&/a&的朋友可以去加下,群里有很多免费的学习&a href=&http://link.zhihu.com/?target=http%3A//www.yidianzixun.com/m/channel/keyword/%25E8%25A7%%25A2%%E4%25BA%25AB%3Fdisplay%3D%25E8%25A7%%25A2%%E4%25BA%25AB%26word_id%3D%25E8%25A7%%25A2%5E%25E5%E4%25BA%25AB%26type%3Dtoken& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&视频分享&/a&,多在群里交流问我,有不会的可以在群里随时问哦!【网页制作大神学习群】:&a href=&http://link.zhihu.com/?target=https%3A//jq.qq.com/%3F_wv%3DD47TRGNO& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&二维码页面&/a&&br&&/p&&br&&p&这里讲下官方文档上没有详细说明的leanCloud,来实现文章阅读量统计的方法&/p&leanCloud来实现阅读统计&p&我现在版本的next主题是集成了这个插件的,并且给出了对应的参数配置&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&# Show number of visitors to each article.
# You can visit https://leancloud.cn get AppID and AppKey.
leancloud_visitors:
enable: true
app_id: TxBSdzFliqxOpec29xEd8pO5-gzGzoHsz
app_key: 5rH911Nhs9V7AWFjEYqe8Bz7
&/code&&/pre&&/div&&blockquote&&p&过程是:&br&1.注册leancloud账户并完成验证后登录leanCloud的,创建应用并配置相关操作&br&2.获取对应的AppID和AppKey&br&3.配置相应参数完成阅读文章的数量的统计&/p&&/blockquote&&h3&注册账户&/h3&&p&过程省略...没啥好说的&/p&&h3&创建一个应用&/h3&&h3&进入应用创建Class&/h3&&p&&br&我之前已经创建好了一个Class名为Counter,创建成功就会出来了。&/p&&h3&获取AppID和AppKey&/h3&&p&设置主题配置文件&/p&&p&设置主题配置文件_config.yml相关字段,实现阅读数量的统计&br&添加以下字段&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&leancloud_visitors:
enable: true
app_id: #你的App ID
app_key: #你的的App Key
&/code&&/pre&&/div&&p&完成配置并重新编译。&/p&&blockquote&&p&通过在本地服务器测试是看不到阅读次数的统计的,所以要发布到网上查看才行。&/p&&/blockquote&酷炫的博客背景&h3&添加背景特效&/h3&&blockquote&&p&背景的几何线条是采用的nest效果,一个基于html5&br&canvas绘制的网页背景效果,非常赞!来自github的开源项目canvas-nest 特性&/p&&/blockquote&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&
不依赖任何框架或者内库,比如不依赖jQuery,使用原生的javascript。
非常小,只有1.66kb,如果开启gzip,可以更小。
非常容易实现,配置简单,即使你不是web开发者,也能简单搞定。
&/code&&/pre&&/div&&p&使用非常简单&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&color: 线条颜色, 默认: ‘0,0,0’ ;三个数字分别为(R,G,B),注意用,分割
opacity: 线条透明度(0~1), 默认: 0.5
count: 线条的总数量, 默认: 150
zIndex: 背景的z-index属性,css属性用于控制所在层的位置, 默认: -1
&/code&&/pre&&/div&&h3&添加修改代码&/h3&&p&next/layout/_layout.swig,在body标签之前添加如下代码:&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&{% if theme.canvas_nest %}
&script type=&text/javascript& src=&//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js&&&/script&
{% endif %}
&/code&&/pre&&/div&&p&打开next/_config.yml,添加以下代码:&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&# Canvas-nest
canvas_nest: true
&/code&&/pre&&/div&&blockquote&&p&如果是最新的next主题是集成了这段代码的,如果没手动添加,有就设置为true&/p&&h3&完成&/h3&&p&重新编译配置后,在本地测试就能看到效果了。&/p&&/blockquote&在首页菜单里添加的独立的标签页&p&标题的意思大概是文章列表实现&br&效果如图:&br&&/p&&h3&实现过程思想&/h3&&blockquote&&p&1、修改HEXO POST模板,添加categories。以后的文章将会以此作为模板新增。&br&2、新增一文章,并修改分类属性。分类属性如果被设置,在HEXO编译会生成对应分类目录&br&3、修改主题配置文件(config.yml),添加MENU分类字段 ,导航栏显示分类链接&br&4、假定为中文网站,修改主题目录下的语言配置文件(zh-Hans.yml) .导航栏链接显示中文&/p&&/blockquote&&h3&修改HEXO POST模板&/h3&&p&添加categories&br&在你的HEXO根目录下,找到文件夹scaffolds,此文件夹下定义创建文章的基本模型,你可以修改此模板&br&实现每次进行HEXO NEW 文章名,文章会以您的模板进行对应配置属性创建。这里我们主要是新增categories&br&字段,让每次新增文章都会打上此属性字段。&br&scaffolds里有三个文件分别对应草稿、页面、文章,建议都加上如下代码:&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&---
title: {{ title }}
date: {{ date }}
categories:
&/code&&/pre&&/div&&p&新增一文章,并修改分类属性&br&新建文章后如: hexo new 你的文章名,并打开您的文章,在categories写上你的分类名字,&br&此操作后并保存文档,在你进行hexo g编译的时候会在你的PUBLIC目录下的 categories下建立以你分类名字命名的&br&文件夹,&br&以后的链接将定向到此文件夹。(本文的测试分类名为:life 中文名生活)&/p&&h3&修改主题配置文件添加MENU分类字段&/h3&&p&修改代码大概如下,参考下就行了。&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&menu:
categories: /categories
about: /about
archives: /archives
tags: /tags
#commonweal: /404.html
#sitemap: /sitemap.xml
life: /categories/life
technology: /categories/technology
&/code&&/pre&&/div&&h3&修改主题目录下的语言配置文件&/h3&&p&路径为themes\next\languages 文件为zh-Hans.yml&br&修改代码如下&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&menu:
home: 首页
archives: 归档
categories: 分类
tags: 标签
about: 关于
search: 搜索
schedule: 日程表
sitemap: 站点地图
commonweal: 公益404
life: 生活
technology: 技术
&/code&&/pre&&/div&&h3&完成&/h3&&p&重新编译预览下效果。&/p&总结&p&这篇写了不少小技巧,都是平时总结的,当然还有一些没讲到的点,如果有疑问的可以在下面评论说,我会在后面的文章提及。&/p&
前言本篇文章继续讲解一些hexo下next主题博客样式的修改。主要内容为修改首页文章摘要样式,文章详情样式,以及文章阅读次数的统计深入讲解,酷炫的博客背景,在首页菜单里添加的独立的标签页,文章结尾的模版样式修改。暂时想到了这么多,欢迎大家提出新的…
&p&作者已解决了,升级版本就可以解决:&/p&&div class=&highlight&&&pre&&code class=&language-text&&npm install hexo-tag-aplayer@2.0.1
&/code&&/pre&&/div&
作者已解决了,升级版本就可以解决:npm install hexo-tag-aplayer@2.0.1
&b&&u&使用Hexo的内建归档categories&/u&&/b&,应该可以满足题主所述要求。&br&&br&可以尝试以下方法(&b&已自测成功,基于windows10+hexo3.0.1+&/b&&b&&a href=&//link.zhihu.com/?target=https%3A//github.com/iissnan/hexo-theme-next& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&NexT主题&/a&)&/b&:&br&&br&&u&&b&1.第一步:&/b&&b&生成post(文章)时默认生成categories配置项:&/b&&/u&&b&&u&在根目录下scaffolds/post.md中,添加一行categories:。同理可应用在page.md和photo.md,示例如下&/u&:&/b&&br&&br&&div class=&highlight&&&pre&&code class=&language-text&&title: {{ title }}
date: {{ date }}
categories:
# 此处为添加内容
&/code&&/pre&&/div&&b&&br&&u&2.第二步:在实际写作时,在开头进行categories配置。例如:&/u&&/b&&br&&br&&div class=&highlight&&&pre&&code class=&language-text&&title: Hello,World!你好,世界!
tags: 写作
categories: 随笔 # 配置categories
&/code&&/pre&&/div&&u&&b&&br&&br&这样在文章发布时,在git中使用hexo g命令,hexo会在根目录/public/categrises下自动生成归档文件夹,如图:&/b&&/u&&br&&br&&figure&&img src=&https://pic2.zhimg.com/caf543f504ee9_b.png& data-rawwidth=&1366& data-rawheight=&286& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic2.zhimg.com/caf543f504ee9_r.jpg&&&/figure&&br&&br&&b&&u&3.第三步:配置博客首页归档展示样式。在主题配置文件themes/_config.yml中添加以下代码(#号后为注释内容):&/u&&/b&&br&&br&&div class=&highlight&&&pre&&code class=&language-text&&menu:
essay: /categories/随笔
# 博客首页展示文本/访问路径/自定义归档名称
write: /categories/写作
read: /categories/阅读
study: /categories/学习
code: /categories/编程
&/code&&/pre&&/div&&b&&br&&u&4.补充说明:&/u&&/b&&u&&b&如果发现博客首页展示文本为英文,需要改为中文显示,需要修改先博客根目录下的_config.yml文件的language配置,示例如下:&/b&&/u&&br&&br&&div class=&highlight&&&pre&&code class=&language-text&&# Site
title: My Blog
description:
language: zh-CN # 修改此处,一般默认为default.yml,原生英文显示
&/code&&/pre&&/div&&br&&b&&u&然后为实现文章归档名称显示为中文,接着再修改主题配置文件下language/zh-CN.yml即可,示例如下:&/u&&/b&&br&&br&&div class=&highlight&&&pre&&code class=&language-text&&title:
archive: 归档
category: 分类
home: 首页
archives: 归档
categories: 分类
tags: 标签
about: 关于
essay: 随笔
# 编辑代码时注意语法规范如缩进、空格等
read: 阅读
# Hexo采用yml语法,具体可自行搜索
write: 写作
&/code&&/pre&&/div&&b&&br&&u&5.最终展示效果(图中红框作强调用):&/u&&/b&&br&&br&&figure&&img src=&https://pic2.zhimg.com/7af3070a2dfc043e381779_b.png& data-rawwidth=&1366& data-rawheight=&768& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic2.zhimg.com/7af3070a2dfc043e381779_r.jpg&&&/figure&&b&&u&&br&6.点进某一归档分类如“阅读”,博客文章会依照归档配置,排序显示如下:&/u&&/b&&br&&br&&figure&&img src=&https://pic1.zhimg.com/5fc2c9c7dd3bfdb521cfd0_b.png& data-rawwidth=&1360& data-rawheight=&698& class=&origin_image zh-lightbox-thumb& width=&1360& data-original=&https://pic1.zhimg.com/5fc2c9c7dd3bfdb521cfd0_r.jpg&&&/figure&&b&&u&7.参考:更多资料可以参考&a href=&//link.zhihu.com/?target=https%3A//hexo.io/zh-cn/docs/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Hexo官方文档&/a&或者直接在&a href=&//link.zhihu.com/?target=https%3A//github.com/hexojs/hexo/issues& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub&/a&上push issue。&/u&&br&&/b&&br&&br&EOF.
使用Hexo的内建归档categories,应该可以满足题主所述要求。 可以尝试以下方法(已自测成功,基于windows10+hexo3.0.1+): 1.第一步:生成post(文章)时默认生成categories配置项:在根目录下scaffolds/post.md中,添加一行categories:。同理可应…
已有帐号?
无法登录?
社交帐号登录
4211 人关注
272 条内容
667 条内容
286 条内容
1145 人关注
242 条内容
310 条内容

我要回帖

更多关于 登录appnode面板 的文章

 

随机推荐