Typecho怎么实现无插件语法高亮

JavaScript010

Typecho怎么实现无插件语法高亮,第1张

直接百度找到prism.js的官网,进入下载页面。在下载页面中选中你想要实现语法高亮的语言。

选完后,往下拉动页面,可以看到有两个下载按钮,一个下载js文件(prism.js),一个下载css文件(prism.css),把两个文件都下载下来。

把下载下来的js和css文件上传到Typecho的主题目录,即“usr/themes/主题名”目录下。

然后登陆进入Typecho的后台,点击“控制台” ->“外观”。

然后点击“编辑当前外观” ->“header.php”,在左边的代码框中找到"</head>",在它之前输入如图中的代码。

之后,在使用Markdown写文章时,只要在代码块标记```标记后面添加你的代码的语言名,如php, javascript等,就可以实现代码高亮展示。

wordpress博客程序实现SEO优化关键因素:

1、选择好一个利于优化的网站主题模板;

2、针对网页静态化,打开博客后台,然后选择固定连接这一项;建议设置为伪静态链接。

3、进行针对页面文件header.php进行修改,在头部页面文件代码中加网页三元素;

具体效果图如下:

4、设置好301定向唯一域名、404属性。以及面包屑导航、底部文件设置好“友情链接”等系列。

一般来说两种途径。一种是利用插件,比如PageOffice。好处是服务端有一整套的开发接口,劣势是需要安装插件,客户端需要有Word等Office应用程序安装,不同的客户端环境不同可能造成后继使用过程中的维护量。

还有一种是无插件的方式,Office 365就是典型的,不过如果是私有化部署,就不能用Office 365了。

还有一个是uzer.me,能提供无插件的原生Office编辑,提供JS SDK和REST API,各种编程语言都能对接。好处是无插件,劣势是只支持webRTC的浏览器,比如火狐、谷歌,360极速等,IE需要安装插件后才能支持。

如果只是在线编辑,类似Word的模式,那么其实更多是一个富文本的编辑器,这个用HTML就可以实现,有一些开源的工具的。