资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

zblog代码高亮 zblog 模板

关于ZBLOG的优化

Z-Blog里面有三个插件是做搜索引擎优化(SEO)必不可少。

创新互联是一家专注网站建设、网络营销策划、小程序定制开发、电子商务建设、网络推广、移动互联开发、研究、服务为一体的技术型公司。公司成立十年以来,已经为上千家成都铜雕雕塑各业的企业公司提供互联网服务。现在,服务的上千家客户与我们一路同行,见证我们的成长;未来,我们一起分享成功的喜悦。

Google站点地图

Ping中心和引用通告发送器

标题搜索引擎优化

1、Z-Blog 默认模板里面是没有keywords,description等meta标签的。有很多的SEO文章说着两个都要加进去。但我的建议是Description就不要加了,这个容易出错。可以在\THEMES\xxxxxxxx\TEMPLATE目录下的找到single.html(xxxxxxx是你用的主题名称)。

在文件的title里加入如下代码:

meta name="Keywords" content="#article/tagtoname#"

2、于h1和h2的使用。 h1/h1在标准化里面的意义是表示标题,而并不是用来弄大小。Z-Blog里面用h1显示了网站名称,用h2显示副标题。但显然把这个h1留给文章的标题更加合适。你可以在同样的目录里找到single.html default.html catalog.html三个文件。

把其中的h1 换成h2,h2换成h3(记得前后都要换) 。

h1 id="BlogTitle"a href="#ZC_BLOG_HOST#"#ZC_BLOG_NAME#/a/h1

h2 id="BlogSubTitle"#ZC_BLOG_SUB_NAME#/h2

然后再把文章的标题用h1表示。在有的SEO文章里面,提到了文章标题用h1,但是没有指出文章标题的位置。准确的说,文章的标题并不在single.html里面,而是在目录内的b_article-single.html里面。找到它,把其中的h2换成h1,同样前后都要换。

h2 class="post-title"#article/title#/h2

zblog编辑器FCKeditor中如何插入代码并高亮显示

不但可以向本文一样显示代码,并且高亮显示。

一、在FCKeditor的配置文件(一般为fckconfig.js或custom.config.js)中,配置 FCKConfig.ToolbarSets设置部分 添加一个按钮值 'InsertCode',步骤如下:

1、在配置文件中找到下面的代码:

JavaScript代码

XML/HTML代码

FCKConfig.ToolbarSets[Default]=[

['Source','FontName','FontSize'],

['TextColor','BGColor'],

['Image','Media','Flash','Table','Smiley','SpecialChar'],

['ShowBlocks','Preview','FitWindow'],

'/',

['PasteText','Templates','Find','RemoveFormat'],

['Undo','Redo'],

['-','Bold','Italic','Underline','StrikeThrough'],

['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],

['JustifyLeft','JustifyCenter','JustifyRight'],

['Link','Unlink','Rule'],

['Subscript','Superscript','-','InsertCode']//Nocommaforthelastrow.];看到了么?最后一句的区别。

2、查找:FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/';

在下面加上:

FCKConfig.Plugins.Add('insertcodeRun');

二、打开fckeditor\editor\lang文件夹里的zh-cn.js,在结尾的 };之前 加入以下代码

InsertCodeBtn : 插入代码

注意:加入上面代码时,原来的最未句代码后面要加个逗号.

如何让hexo代码高亮?

由于hexo代码使用的Markdown语法,Markdown的语法可以参考Markdown语法介绍。所以可以使用Markdown的方式实现代码的高亮,通常有以下三种方式:使用双空格缩进的方式(这种方式在Hexo中代码不支持高亮),使用```code block```的方式(这种方式在部分情况下可以高亮,但是在我的机器上却不能实现高亮),使用代码块的语法,具体可以看Codeblock - Octopress。我使用这种方式在我的hexo博客代码的高亮。hexo使用highlight.js. 在markdown中用```cppthis is cpp code```告诉hexo生成带高亮的codeblock然而highlight.js支持的格式较少而且好像不太好配置,unix user可以用我写的一个hexo插件: GitHub - ppwwyyxx/hexo-tag-vimhighlight: Highlight code using vim in hexo. 这个插件调用vim, 把vim的代码高亮嵌入html. vim里什么颜色最后blog里就是什么颜色.


当前文章:zblog代码高亮 zblog 模板
网址分享:http://cdkjz.cn/article/ddcddhp.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220