众所周知在blogger里插入代码是没有专门的代码 ,分享代码的时候是多么的麻烦啊,但是blogger还是比较强大的,可以自己添加css样式,下面的是例子。
代码事例:
int myprint2(char* fmt, ...)
{
va_list args;
va_start(args, fmt);
printf("start %s\n", fmt);
printf("0. %s\n", va_arg(args,char*));
va_end(args);
}
但是要说的是,还不是非常的方便,要在html的编辑界面插入自己的代码,不过也算是一个解决办法了;下面是如何设置,在此做下记录,防止遗忘;
办法参考了下面两个博客的内容:
1.
http://www.myciscolab.net/2016/02/google-blog.html
2.
http://shanhua0131.blogspot.co.nz/2014/01/code.html
然后把关键的修改代码部分在重述一遍:
1. 在“主题背景” --> “修改HTML” --> </head>之前加上如下代码;
2. 在“主题背景” --> “自定义” --> “高级” --> “添加CSS” --> 添加如下代码;
.post .code {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 10pt;
overflow:auto;
background: #f0f0f0 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAASwCAYAAAAt7rCDAAAABHNCSVQICAgIfAhkiAAAAQJJREFUeJzt0kEKhDAMBdA4zFmbM+W0upqFOhXrDILwsimFR5pfMrXW5jhZr7PwRlxVX8//jNHrGhExjXzdu9c5IiIz+7iqVmB7Hwp4OMa2nhhwN/PRGEMBh3Zjt6KfpzPztxW9MSAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzB8HS+J9kUTvzEDMwAAAABJRU5ErkJggg==) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}
3. 最后在HTML编辑模式下添加自己的代码,使用下面的格式;
貼上想要顯示程式代碼
另外要显示html的代码加上“<xmp> <\xmp>”标签就可以了,不是做前端的,只知道这个可以使用;
然后就可以开心的贴代码了。
太有用了,非常感谢!
回复删除讲的简单通透,很有帮组
回复删除我的方案是利用blogger 原有的 引用.
回复删除然后用一个js把引用的 blockquote 转换为 pre
https://zelikk.blogspot.com/2024/05/blogspot-code-prettify.html
update
回复删除现在我添加了copy按钮
https://zelikk.blogspot.com/2024/06/blogspot-code-prism-hightlight-blockquote.html
https://zelikk.blogspot.com/2024/06/blogspot-blockquote-copy-button.html
很有用,感谢dalao分享
回复删除update
回复删除如果想用markdown格式写在blogger里面. 可以用 JS 将博文正文的markdown替换为html
操作
https://zelikk.blogspot.com/2024/10/blogger-markdown.html
演示:
https://use-markdown-in.blogspot.com/2024/10/markdown-demo.html