zoukankan      html  css  js  c++  java
  • 将markdown格式转化为bootstrap风格html

    前言:这些年markdown格式的文件很流行,像github里project说明文档都是用markdown格式编写。

    一方面,我们能够通过pandoc将markdown文件转换为html,这样将html文件放到自己的server上就能够解释了。安装pandoc见我的GitHub链接

    还有一方面,bootstrap是近年来一个比較好的web前端框架,那么我们希望将markdown文件转换为bootstrap风格的html文件。已经有人做过这个模块markdown2bootstrap


    1. 安装nodejs及npm

    sudo apt-get install npm
    sudo apt-get install nodejs
    sudo ln -s /usr/bin/nodejs /usr/bin/node
    当中第三行是做一个链接,不然可能会遇到例如以下error

    /usr/bin/env: node: No such file or directory


    2. 安装markdown2bootstrap到当前文件夹下

     npm install markdown2bootstrap

    假设你电脑是代理上网的话,在使用以上命令之前得设置npm的代理,例如以下格式

    npm config set proxy=http://175.186.53.20:3128

    3. 将markdown转换为html命令

     ./node_modules/.bin/markdown2bootstrap index.md 

    假设不想产生数字列表用-n參数

    ./node_modules/.bin/markdown2bootstrap -n index.md

    4.最后一步将包拷到你的站点根文件夹下,我的是 ~/www

    cp -r node_modules/markdown2bootstrap/bootstrap ~/www
    

    这样你的html文件放在你的网站上才会正确解释。

    界面风格例如以下:



    我的OS是Ubuntu 14.04


  • 相关阅读:
    大道至简 第一章 读后随笔
    大道至简 第二章 读后随笔
    动手动脑及实验性练习总结
    大道至简 第三章 阅读心得
    课程作业01 相加运算
    JS函数与BOM
    设备像素,设备独立像素,CSS像素
    斐波那契数列
    JS基础与循环
    吴requests类库 作业总结
  • 原文地址:https://www.cnblogs.com/mfrbuaa/p/3916738.html
Copyright © 2011-2022 走看看