富文本格式中*成功的一种,我认为是HTML.这毫无疑问是当今互联网上流传*多的一种文本.(广义上的HTML,包括了H5,CSS3,JS)但是日常办公中,我们经常接触的是word文档,pdf文档.然而这上面这三种格式,有利于排版或者有利于印刷,不方便进行写作和编辑.(不方便指的是文本编辑器写不了QAQ)LaTeX可以实现所想即所得的效果,但是想要实现预览,即所见即所得,编译链的配置也是十分麻烦的.
这里就体现出Markdown这种标记语言的优势了,小巧,简单,适合速记,带基本的格式.虽然Markdown不能代替上面的排版格式,但是其简单的语法,内联HTML的特*,还是很适合记笔记,写*客,wiki之类的文章.
但是想要打印,发布到wordpress,同步到OneNote,将Markdown转换为其他格式是必不可少的一道工序.本文将介绍如何利用VScode编辑Markdown,发布到WordPress,将渲染好的网页插入到OneNote中.毕竟一本花费心血写出来的笔记,需要一个合适的内容管理系统.
使用到的工具
VScode及MarkdownAllinOne,MarkdownPDF插件
OneNoteUWP版本
WordPress5.4及WPEditor.md插件
GoogleChrome浏览器
VS code编辑Markdown
VScode的确是一款**的GUI编辑器(虽然有时我也会在VScode的终端里面直接用Vim).o( ̄▽ ̄)o.配合下面的插件可以在VScode里面流畅地编辑Markdown.
此外还有诸如MarkdownPreviewEnhanced,MarkdownPreviewGithubStyling等也非常好用.安装好MarkdownAllinOne后就可以一边编辑Markdown一边实时预览了.
使用Markdown在WordPress上写文章
脱离了VScode之后,会遇到各种障碍.WordPress的编辑器从5.X以后的版本就逐渐不如人意了.使用Markdown,你可以利用VScode生成的HTML配合Markdown和Katex的CSS与JS文件完成写作;也可以使用插件,但是需要更改一下在VScode中写好的文本.
*主使用的WordPress插件是WPEditor.md,虽然有Bug但是可以用.正常的Markdown语法可以支持,但是遇到公式,需要做微调.
WPEditor.md支持Katex,其实在VScode上面使用的插件也是使用的Katex.只是在翻译成HTML渲染的时候,WPEditor.md遇到了如下问题:Katex的公式内换行使用的是,在WPEditor.md中,需要输入三个反斜杠;行内公式的希腊字母下标需要使用大括号.例如:eρ⃗,在行内编辑时需要写为:vec{e_{rho}}.
解决方法:
使用VScode将替换为
使用VScode将行内的希腊字母下标的Katex公式}_rho替换为_{rho}}
将Markdown文本输出到OneNote
OneNote已经做的很好了,但是整体不如Markdown轻便,**一格的数据库存储方式让人摸不着头脑,即使使用插件也不能支持全部的Markdown语法.使用OneNote也就方便设备间的协同与Windows设备上流畅的手写体验.
OneNote可以插入HTML的富文本,但是在Markdown渲染出的HTML面前,我还没有找到方法.可以插入word文档,但是Pandoc不能渲染Katex公式,明明在Typora上面是可以渲染的.于是我只能给出打印输出的方法,不能在OneNote里面编辑,但是可以查看.毕竟,使用OneNote对于我来讲,还是手写,也正是因为手写公式不如打印的工整,才考虑使用Markdown.
使用VScode将Markdown输出为HTML
使用VScode插件MarkdownPDF,并做如下配置.参考该篇*文的方法,在文件
C://Users//.vscode/extensions/yzane.markdown-pdf-/template/template.html
的末尾添加MathJax的支持,复制粘贴进去.
微调,MathJax又是一种将Markdown翻译为HTML的方式,所以也会出现一些Bug,*主遇到的是_字符,转义为成对的,导致乱码;Katex公式内换行的反斜杠一个会被翻译成转义字符的前缀,此时需要四个反斜杠:\.解决方法:
使用VScode将_替换为_
使用VScode将替换为\
HTML打印到OneNote中
在修改好的md文件中右键,单击MarkdownPDF:Export(html).得到HTMl文件.使用Chrome打开该文件,打印到OneNoteforWindows中,在弹出的OneNote中选择输出的分区.
效果
在VScode中编辑Markdown
在WordPress中发布
在Chrome中预览HTML
在OneNote中打印输出
wpsexcel怎么换行
在使用WordPress中的Excel插件时,有时候我们需要在Excel表格中进行换行操作。换行在编辑内容时是一个常见的需求,特别是当我们需要在单元格中输入大段文字或者进行排版时。下面将介绍如何在wpsexcel中进行换行操作。
方法一:使用Alt+Enter键
在wpsexcel中,*简单的换行方法是使用Alt+Enter键组合。在需要换行的位置,按下Alt键,然后再按Enter键即可实现换行。这种方法简单快捷,适用于大多数情况。
方法二:使用插入符号
如果你在Excel中使用wpsexcel插件时无法使用Alt+Enter键进行换行,可以尝试使用插入符号的方法。在需要换行的位置,点击插入菜单,在符号选项中选择一个合适的换行符号插入即可实现换行效果。常用的换行符号包括回车符号、段落符号等。
方法三:调整单元格高度
如果你不希望在单元格中显示换行符号,也可以通过调整单元格的高度来实现换行效果。选中需要换行的单元格,然后通过拖拽单元格底部的边框来调整单元格的高度,使其能够容纳多行文字。这种方法适用于需要美观排版的情况。
方法四:使用文本框
如果你需要在wpsexcel中进行复杂的排版,建议使用文本框来实现换行。在插入菜单中选择文本框,在工作表中绘制一个文本框,然后在文本框中输入需要换行的文字。通过调整文本框的大小和位置,可以实现灵活的排版效果。
方法五:使用换行函数
在wpsexcel中,还可以使用换行函数来实现自动换行的效果。使用换行函数可以根据特定的条件自动在指定位置进行换行,比如字符数达到一定限制时进行换行等。常用的换行函数包括CHAR、TEXT等。
综上所述,以上是在wpsexcel中实现换行的几种方法。根据具体的需求和情况选择合适的方法,可以更加**地完成Excel表格的编辑和排版工作。
无论你是为WordPress写插件或hack,还是添加有关WordPress的代码片段或其他如HTML,CSS,PHP或javascript的编程代码,如何让插入于日志中的代码有其形而不发生作用对写*客的用户来说是常常遇到的拦路虎。
默认情况下,WordPress会将<和>自动转换为<和>,在发表后看起来就是<和>。如果它发现日志中使用了HTML标签,就会将其当作HTML标签来使用,结果你的文本看起来就很怪异,布局也会弄得一团糟。
网页中代码的使用有两个方面。在段落中使用代码表示正在讨论该段代码,然后是被高亮显示的代码。
段落中的代码
有两种HTML标签可以将文本转为等宽样式,即< code>和< tt>。而后者现今已基本不使用了,取代它的是用处更大且更富语法意义的< code>,它能将计算机代码类的文本与一般语言分辨开来。
此为用于某段落内的代码示例
用以描述WordPress中的< code>index.php</code>,
< code>sidebar.php</code>及< code>header.php</code>
模板文件。如果你希望在文字周围使用标签以使它们看起来如代码一般,此方法就很有用,但如果你想展示如HTML的标签的话该如何是好呢?
在< code>header.php</code>模板文件中,查找< code>< div class="header"></code>部分以修改< code>< h1></code>标题栏。使用< code>标签是无法告知WordPress将HTML参考从日志中分离开的。它会看到< code>标签,然后看到div,因此它就会在网页中新建一个容器作为应答。WordPress会认为你实际上是在使用HTML标签,不小心使用h1这样的标签就能搞砸整个网页布局和设计初衷。
若要让WordPress将此识别为段落中的代码的话,可以使用字符实体或扩展字符来表示其前后的左右箭头。
在< code>header.php</code>模板文件中,
查找< code><div class="header"></code>
部分以修改<h1>标题栏。
默认情况下,WordPress会将任何以****:开头的文本转换为链接。如果你要为WordPress网站内特定文章做链接,而不使用并将其转为链接的话,你可以使用扩展字符来代替右斜杠,这样一来WordPress就不会“看到”该链接了。
...在日志中使用
使用链接到某特定的WordPress日志....
以下列出一些*常用的HTML字符实体:
<=<
>=>
/=/
]= ]
[= [
"="
'='
后文给出了相关资源,它将帮助你将HTML标签转为字符实体,因此你就无需劳神背下这些字符代码了。
使用PRE标签
要使得代码可以被复制粘贴到其他代码或模板文件中的话,可以使用< pre>这个HTML标签。
< pre>标签指示浏览器使用等宽的代码字体,并完完全全地将< pre>标签内的内容复制下来。每个空格,分行,以及代码都被完整地复制一遍。
< h3>Section Three Title</h3>
< p>This is the start of a
<a title="article on relationships" href="goodtalk.php">
good relationship</a> between you and I....
使用< pre>标签看起来并不美观,但却能达到目的。后文将给出解决外观问题的例子。它会将代码原原本本地展示出来。
我们这里说原原本本,事实也是如此。如果你的代码行非常长,它就会伸到页面外面去,因为并无任何指示告知它进行换行。以下给出一个例子:
< h3>Section Three Title</h3>
< p>This is the start of a<a title="article on relationships" href="goodtalk.php">good relationship</a>
between you and I and I think you should read it because it is important that
we have these little<a title="article on communication" href="communication.php">conversations</a>
once in a while to let each other know how we feel....
看起来很不舒服吧。要避免这种代码窜出屏幕的现象,就要进行分段。但在哪进行分段并放入段行标签可没那么容易决定下来的。
如果你*悉编程语言的话,就知道在何处断行而不会弄砸一行代码。但如果你不知道在何处断行的话,就进行实验吧。将代码写入后,进行断行并进行测试。如果代码能够起效的话,就是要这种断行形式。否则的话就请尝试其他的断行位置。
如果你的代码行很长,可以考虑只显示一小部分代码,然后在网站上的文本或PHP文件中给出完整代码段的链接,也可以使用用于临时展示代码的在线pastebin。
代码的疑难排解
在WordPress日志中写代码可谓一项挑战,它会覆盖WordPress的默认风格。如果你在日志中写代码时遇上麻烦的话,下面这些内容可能会对你有帮助。
代码中的引号
在日志中写进代码时常遇到的问题是,WordPress会将代码中的直引号转换为文字处理程序中出现的弯引号。用于实现功能的代码不应当具有这种弯引号,而应该保持原有的直引号。
你可以使用< pre>标签来避免出现这种情况,或使用字符代码来表示引号也可以解决此问题:
< p class="red">
即可写为<p class="red">但如果你是在首次发布某页面之后进行编辑的话,html代码编辑器就会用自带的符号替换所有的实体。因此,如果你使用"来表示引号的话,它们会变为",而当你保存的时候它们就会被转换掉。
定制代码标签的风格
默认情况下,使用< pre>和< code>会将文本显示为等宽样式的字体,并使用body标签的字号。如果你想使用不同的字号,然后让这些标签呈现出不同的颜色或风格。
在WordPress外观主题文件夹的style.css风格页中,为这两类标签添加风格。举例如下:
pre{border: solid 1px blue;
font-size: 1.3 em;
color: blue;
margin: 10px;
padding:10px;
background:#FFFFB3}
code{font-size:1.2em;
color:#008099}
使用< code>将会是上面的样子,而使用pre则会是如下形式:
pre{border: solid 1px blue;
font-size: 1.3 em;
color: blue;
margin: 10px;
padding:10px;
background:#FFFFB3}
code{font-size:1.2em;
color:#008099}
WP 的插件数量已经很多了,而且新的插件还在被不断地开发出来。如果不对插件开发进行规范和控制,插件很容易出现冲突、兼容*等问题。事实上,问题已经出现了。下面一品威客网为您罗列了一些常见的WordPress插件开发问题。 1、插件开发经常和 theme有关,所以*悉 WP的主题相关的 html代码对开发良好的、具有个*的插件非常有益。事实上 theme开发是除过插件开发外,WP
single.php是日志单页文件。 下面是常用的一些wordpress文件说明希望对你有用! style.css样式表文件 index.php主页文件 single.php日志单页文件 page.php页面文件 archvie.php分类和日期存档页文件 searchform.php搜索表单文件 search.php搜索页面文件 comments.php留言区域文件(包括留言列表和留言框)
查看WordPress分类目录的ID\x0d\x0a进入仪表盘,打开“分类目录”管理界面,然后把鼠标移动到某一个分类目录名称上,这时就会在网页左下角显示当前分类目录的编辑页面地址。如图:\x0d\x0a\x0d\x0a我们可以看到在显示的网址中有“ID=***”的字符,那么其中显示的数字即为该分类目录的ID。\x0d\x0a查看WordPress标签的ID\x0d\x0a按照同上的方法
WordPress是什么框架? WordPress是一个免费开源的内容管理系统,它是基于PHP语言和MySQL数据库构建的。它*初是为*客创建而设计的,但随着时间的推移,它已经发展成为一种用于创建各种类型网站的工具。WordPress提供了大量的主题和插件,使得用户可以轻松地定制和扩展他们的网站。 WordPress的特点是什么? WordPress具有以下几个特点: 易于使用: