手把手教你搭建基于 MarkDown 的 Wiki 系统

1 准备资源

  • mdwiki 基础包
  • http 服务器(应用服务器也可以,之所以需要应用服务器,因为 mdwiki 必须放在 http 服务器下运行。 )

以上资源,请先自行下载好 O(∩_∩)O~。

2 创建中文环境

mdwiki 基础包结构:

mdwiki 基础包结构

  • 把项目文件夹改名为 *-wiki(当然也可以取你自己喜欢的名字喽 O(∩_∩)O )。
  • ll_CC 为模板目录,不要直接使用,这样便于以后 mdwiki 更新与升级。因此我们把 ll_CC 目录完整拷贝一份,然后把文件夹改为 zh_CN。这样我们就创建了一个中文目录环境。如果你想让你的 wiki 支持多种语言,建议参考国际语言代码表,然后复制多份 ll_CC,放置在根目录下。

3 放入 http 服务器

这里演示的环境是:

  • tomcat 服务器
  • idea 编辑器
  • git (用于页面托管)

具体搭建服务器的过程,就不在此累述咯,大家可以在网上多查查相关资料。O(∩_∩)O~

有一点需要注意,为了让 Intellij IDEA 能够支持 markdown 语法,我们必须安装一个插件。

Markdown 插件

插件安装成功后,就能实现享受 markdown 语法高亮与所见即所得的双屏界面喽:

Markdown 插件安装成功

设计好后的页面文件,可以直接放入 zh_CN 文件夹中。

注意:文件后缀必须是 md 哦O(∩_∩)O~

4 运行

访问 http://localhost:port/zh_CN,页面会跳转到 http://localhost:port/zh_CN/#index.md;注意这里不是 index.html 哦。

mdwiki 首页

如果你看到这个页面,那么恭喜你,你的基于 MarkDown 的 Wiki 系统已经搭建成功啦 O(∩_∩)O


如果出现白屏,有可能是因为项目所依赖的 jQuery 文件被屏蔽啦,打开 zh_CN/index.html 文件,修改 jquery 路径:

<script type="text/javascript" src="//code.jquery.com/jquery-1.12.4.min.js"></script>

然后再重新打开,就可以正常使用啦O(∩_∩)O~

  • 1
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
在Visual Studio Code(VSCode)中使用Jupyter非常简单。以下是手把手你如何在VSCode下使用Jupyter的步骤: 1. 首先,确保已经安装了VSCode和Python。如果你还没有安装VSCode,请先到官方网站下载并安装。 2. 在VSCode中,按下Ctrl + Shift + X或点击左侧面板的插件图标。在搜索框中输入"Jupyter"并选择Jupyter插件进行安装。 3. 安装完成后,点击左下角的齿轮图标选择"Jupyter",然后选择你想要使用的Python环境。如果你没有其他的Python环境,可以选择默认的Python解释器。 4. 在VSCode中,点击左侧面板的文件夹图标,选择一个文件夹作为你的工作区。通过点击"新建文件"按钮创建一个新的Jupyter笔记本文件(后缀为.ipynb)。 5. 在笔记本文件中,你可以使用Markdown语法编写文本说明,并在代码块中编写Python代码。在代码块中,点击"+"按钮或使用快捷键Shift + Enter执行代码。 6. 可以在工具栏中找到其他常用的Jupyter功能,如保存笔记本、插入新的代码块和重新运行代码等。 7. 此外,你可以通过点击右上角的"扩展视图"按钮打开Jupyter的交互式预览。预览窗口将显示已经执行的代码和输出结果,并支持在代码块中编辑并重新运行代码。 8. 当你完成了所有代码的编写和调试后,可以将Jupyter笔记本导出为其他格式,如HTML或PDF。点击菜单栏的"文件",选择"导出为",然后选择你想要的导出格式。 总结起来,在VSCode下使用Jupyter非常简单。安装Jupyter插件后,你只需要创建一个Jupyter笔记本文件,并在其中编写和执行代码即可。通过预览功能,你可以方便地查看代码的执行结果。希望这个回答能够帮助你在VSCode中使用Jupyter!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值