美文网首页HexoMarkdown写作从学好Markdown开始
【原创】get小技巧:编程小白应用markdown语法设计自定义

【原创】get小技巧:编程小白应用markdown语法设计自定义

作者: 2b2f4d4c155c | 来源:发表于2017-11-23 15:39 被阅读64次
    自定义导航效果图

    我相信很多人都在用各种网址导航比如hao123、2345、360导航等。但是这些导航缺点之一就是各种广告、弹窗等。
    今天给大家介绍编程小白如何用markdown语法设计自己导航首页。整个过程可以做到0费用

    操作

    1. 首先熟知markdown语法

      必须掌握表格、链接、图片等语法内容

    2. 打开自己markdown编辑软件

    3. 首先设置表格(建议pc版导航首页行设置10-15格,手机版设置5格左右)

    4. 表格插入链接(有简便方法、懒人要学会偷懒,大家可以互相交流经验)

    5. 插入图片等美化

    6. 保存、另存为index.html(不同编辑软件输出样式美观不一样)

    7. 本地打开index.html查看效果

    8. 修改调整

      如果你只是本地使用到此结束,直接跳至步

    9. 上传网页到空间(github或七牛或购买空间)

    10. 浏览器设置导航主页,不同浏览器设置方法大同小异,都在设置页面能找到。

    演示/DEMO:

    普通人导航http://ozg8c0zwd.bkt.clouddn.com/index.html

    普通人导航

    自媒体人导航页面http://ozg8c0zwd.bkt.clouddn.com/myindex.html

    自媒体人导航

    问题反馈:

    问题反馈-小密圈
    • 推荐阅读

    关注公众号黑货软件大师(微信号:heihuovip)回复“ps”得到软件的下载、安装、教学指导

    【END】

    微信号:heihuovip

    公众号:黑货软件大师

    专注各类软件的下载、安装、教学

    image
    • 欢迎大家投稿、交流、反馈

    • 喜欢请关注、点赞、收藏、评论、转发

    • 支持请打赏、点击广告

      image

    相关文章

      网友评论

        本文标题:【原创】get小技巧:编程小白应用markdown语法设计自定义

        本文链接:https://www.haomeiwen.com/subject/fqvzvxtx.html