文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何构建自己的技术博客

优势：以 Markdown 为中心的项目结构，可以专注于写作；加载速度、SEO也比较友好（博客网站SEO无疑是非常重要的）；支持md中写vue组件。...: '技术沉淀、经验分享' } 它包含一个页头，里面包含一个标题和一个搜索框。...主题配置 一个 VuePress 主题应该负责整个网站的布局和交互细节。在 VuePress 中，目前自带了一个默认的主题（正是你现在所看到的），它是为技术文档而设计的。...方式获取 设置 footer 导航栏 在 .vuepress/config.js 配置文件中，通过 themeConfig.nav 增加一些导航栏链接: // .vuepress/config.js...items 数组而不是一个单一的 link 时，它将显示为一个 下拉列表 （支持嵌套） 侧边栏 在 .vuepress/config.js 配置文件中，通过 themeConfig.sidebar 增加侧边栏配置

25830

几分钟上线一个项目文档网站，这款开源神器实在太香了！

之前在搭建mall项目的文档网站时，使用过不少工具，比如说Docsify、VuePress、Hexo、语雀等。...对比了一下，要论使用简单、上线快捷还是Docsify，几分钟上线一个网站也不是问题，今天我们就来聊聊Docsify的使用！...定制导航栏 Docsify还支持顶部导航栏的配置，直接修改index.html文件，添加如下配置； window....全文搜索 如果你想实现全文搜索功能的话，可以在index.html中添加搜索插件配置； window....时，我们需要把Markdown文件编译成html才能部署，使用Docsify我们无需编译，只需把docs中的文档都拷贝到Nginx的html目录中即可； 此时我们启动Nginx，访问下Nginx服务路径即可查看文档

1.8K20
您找到你想要的搜索结果了吗？
是的
没有找到

团队技术文档构建利器vuepress上手实践

参数配置 3.1 主题配置 3.1.1 主页(homepage) 3.1.2 导航栏(navbar) 3.1.3 侧边栏(sidebar) 3.1.4 搜索框(search box) 3.1.5 最近更新...一个 vuepress 网站是一个由 Vue、Vue Router 和 Webpack 驱动的单页应用。在构建时，创建一个服务端渲染（SSR）的版本，然后通过虚拟访问每一条路径来渲染对应的HTML。...# 全局安装 > yarn global add vuepress # 创建一个 markdown 文件，仅包含一个标题 > echo '# Hello VuePress' > README.md 编写文档...，其后的内容才作为文档内容被渲染，一般用于针对当前文档的配置 3.1 主题配置 新建完后用户默认看到的页面是非常简陋的，只有一个包含搜索框的 head，vuepress 的强大之处在于可以灵活地进行主题配置...3.1.2 导航栏(navbar) themeConfig.nav 导航栏包括 左侧页面标题、搜索框、导航栏链接、多语言支持、仓库链接，支持下拉分组菜单，还支持在全局或单页面中禁用。

1.3K20

iOS 9人机界面指南(四)：UI元素（上） - 腾讯ISUX

可以填充颜色(使用tintColor来定义导航栏中的图标与文字颜色；使用 barTintColor来填充导航栏背景色) API注释 导航栏包含于导航控制器（一个管理显示自定义视图层级结构的程序对象）中。...如果需要的话，可以考虑在导航栏位置使用提示语(prompt)来告诉用户在当前屏幕中他们可以做什么。提示语是一句出现在导航栏顶部的短句。...举个例子，不要在同一个应用中使用不透明导航栏和半透明工具栏。在屏幕处于同一方向时，最好不要改变不同屏上导航栏的背景图片、颜色和透明度。 确保你自定义的返回按钮的外观与操作仍然像一个返回按钮。...在iOS 8以及之后的版本里，你可以通过UISearchDisplayController简单快捷地把搜索栏放在导航栏中。...请注意，当搜索的视图控制器包含在导航控制器里面的时候——比如在邮件应用(Mail)中那样，当用户激活搜索时，搜索栏会自动上浮，平铺到原来导航栏的位置上。

10.1K51

团队技术文档构建利器vuepress上手实践

一个 vuepress 网站是一个由 Vue、Vue Router 和 Webpack 驱动的单页应用。在构建时，创建一个服务端渲染（SSR）的版本，然后通过虚拟访问每一条路径来渲染对应的HTML。...# 全局安装 > yarn global add vuepress # 创建一个 markdown 文件，仅包含一个标题 > echo '# Hello VuePress' > README.md 编写文档...，其后的内容才作为文档内容被渲染，一般用于针对当前文档的配置 3.1 主题配置 新建完后用户默认看到的页面是非常简陋的，只有一个包含搜索框的 head，vuepress 的强大之处在于可以灵活地进行主题配置...3.1.2 导航栏(navbar) themeConfig.nav 导航栏包括 左侧页面标题、搜索框、导航栏链接、多语言支持、仓库链接，支持下拉分组菜单，还支持在全局或单页面中禁用。...3.1.3 侧边栏(sidebar) themeConfig.sidebar 侧边栏一般用于文档的目录索引，可以直接在 config.js 中配置链接数组，也在页面中配置 sidebar:auto 自动生成侧边栏目录

2.4K94

告别手写，使用 Doc View 快速生成接口文档

Doc View 是一款快捷生成接口文档 IDEA 插件，使用 Doc View 可以将开发人员从繁琐的文档编写中释放出来，极大的节省开发时间。...模版 导出 Markdown 文件到本地 上传到 YApi、ShowDoc、语雀 文档目录查看、操作、导出 导航栏 Icon 快捷操作 生成 Http Client 看着这么多功能，是不是很想下载试一试...，可以在 IDEA plugin 搜索 Doc View 进行安装。...下面简单介绍下几个常用的功能。 1生成文档 可以通过在右键菜单或者点击左侧导航栏的M 进入展示界面。 界面可以：导出全部、上传全部、预览、查看 MD 源文件、编辑、单文件上传等。...其中上传支持 YApi、ShowDoc、语雀 2文档目录 在右侧窗口支持查看当前项目的所有接口文档列表，按照 Module、Class 树状排列。

91920

GPT4-Turbor 128k ？ 还不够？还不够！

它勉强能够容纳单个网页的原始HTML，或者搜索一个复杂知识的文档内容。...直接复制到 GPT 对话框中，某些纯文本的提示语，就不会保存链接格式，要先复制到 markdown 中。...RAG 以下是 Google 的检索 Google 结果： 它包含了：搜索框、搜索结果、侧边栏、图块等等，像这样的页面，纯用粘贴复制功能，贴到 GPT 上下文提示语框中，128K 的大小限制是足够的，...一图胜千言 我们如何构建一个通用的、上述 RAG 代理，它能爬取网页、分析结构、深入分析，再提取相关数据？...期待通过 RAG 等方式进一步解决这个问题，并且在未来，持续提升上下文提示语的数量、容量大小、文本类型等还是非常有必要的一项工作！

48410

手把手教你用vuepress搭建自己的网站(2)

当然,您现在看到的页面是一片空白,那是因为docs根目录下的README.md中没有任何内容,但现在至少不是 404 了,离曙光又近了一步 设置封面启动页 有时候,当别人进入您的网站时,设置一个启动页...,在您以后用 md 写文章时,同样引入图片时,图片的后缀名都不能带有中文字符 配置导航栏 导航栏中有页面标题、搜索框、 导航栏链接、多语言切换、仓库链接，它们都是可以直接通过配置出来的,在 config.js...默认的深度是 1，它将提取到h2的标题，设置成 0 将会禁用标题（headers）链接，同时，最大的深度为 2，它将同时提取h2 和h3 标题,如果想要额外拓展,支持h1~h6,在 markdown 配置拓展中...,当你新增nav,或者侧边栏时,nav与slidebar,会越来越长,会很难受 拆分-config 在拆分之前,你可以了解下CommonjS中模块化导入导出的规则就可以了,这里你只需要知道,在一个文件中导入一个文件使用...,搜索框,最后更新时间等配置,学会了一个配置,其他配置照着文档配置就好了的 配置提醒 每尝试配置一个 API,记得在命令行终端就重新启动npm run docs:dev一下,在浏览器查看一下配置效果,目前

2.5K20

VuePress

这个文件夹中放的是markdown文件，每一个markdown文件对应一个页面。至于页面之间的跳转和页面导航栏和侧边栏布局在config.js文件中设置。...', description: 'VuePress', } 对于上述的配置，运行yarn docs:dev，你应该能看到一个页面，它包含一个页头，里面包含一个标题和一个搜索框。...2.导航栏 可以通过 themeConfig.nav 增加一些导航栏链接: // .vuepress/config.js module.exports = { themeConfig: {...现在页面基本也搭建完成，可以在页面之间进行切换。下一步是如何在markdown中使用vue组件，也就是在页面中展示自己的项目。...Markdown 文件中（组件名是通过文件名取到的）： //文件名和组件名之间同`-`连接 完成这一步以后就可以在页面中看到自己的组件在页面中展示了，

1.2K10

Mirages主题帮助文档

友链页与关于页 友链页与关于页是我们常用的两个独立页面，主题对其做了简单的样式定义。该样式可以参考我博客的友链页和关于页样式。...侧边栏头像有两种修改方式： 直接修改 导航栏 -> 侧边栏头像，在选项中填入头像链接即可。 修改 Gravatar 头像。关于如何修改 Gravatar 头像请参考下一条。 建议使用第二种方式。...主题提供两种导航栏样式，可以通过主题外观设置：导航栏 -> 导航栏样式 处自由切换。 需要注意的是：顶部导航栏会在较小屏幕下(屏幕横向宽度小于 768) 回退到 侧边栏模式。...其中，shortcode 为短代码的名称，后面的列表中会提供，同一种样式可能会有一个或多个别名；例如短代码 hint 及 tip 其实是同一个短代码。...示例 enableImageShadow = 1 横向导航栏 Logo 的跳转链接 7.10.0 及以上版本可用 设置名：navbarLogoUrl 说明 设置横向导航栏 Logo 的跳转链接，仅对横向导航栏中的

10K20

关于-github的六个神技巧

# 搜索代码 序号 代码搜索的注意事项：由于搜索代码的复杂性，对搜索的执行方式有一些限制 1 必须登录 GitHub 上的用户帐户才能在所有公共存储库中搜索代码 2 只有当分叉的星数多于父存储库时，...5 只能搜索少于 500,000 个文件的存储库 6 只有在去年有活动或在搜索结果中返回的存储库才可搜索 7 除了filename搜索之外，在搜索源代码时，您必须始终包含至少一个搜索词。...例如，搜索language:javascript无效，而搜索无效amazing language:javascript 8 搜索结果最多可以显示来自同一个文件的两个片段，但文件中可能会有更多的结果 9...# 键盘快捷键 几乎 GitHub 上的每一页都有键盘快捷键，可以更快地执行操作 # 站点快捷键 键盘快捷键 描述 S 或 / 聚焦于搜索栏。...，查看运行效果,一键构建Docker镜像等 # 邮件推送 在github的Explore(探索)界面中，Get email updates按钮-->获取邮件更新 我们可以根据自己的喜好，让github定期给我们推送感兴趣的优质项目

1.2K10

VNote：一个更懂程序员和 Markdown 的笔记软件

左侧是导航栏，支持笔记本导航、历史文件、浏览外部文件系统以及标签导航； 中间是编辑区域，支持多个标签； 右侧是工具栏，包括大纲、片段以及小推车； 右下角是全文搜索，支持针对当前已打开文件、当前文件夹、当前笔记文本以及所有笔记本的搜索...，包括文件名、内容、标签以及大纲搜索； 底部是状态栏，包括 Vim 状态栏、标签栏、编辑器状态栏以及字数统计； 顶部是工具栏，其中包括附件、通用入口、灵犀页等常用功能； 左右两侧的栏目都可以通过一个快捷键隐藏或显示...通过一个简单的快捷键即可唤出一个输入框，输入内容，即可实现全文搜索、大纲搜索等功能。 image.png 在 VNote 中，我基本很少使用工具栏那个传统的全文搜索了。要打开一个文件？通用入口！...+E前导键开始，避免和其他软件的冲突； 借鉴 Vim 的easy-motion插件，引入“导航模式”，所有部件都能通过快捷键来获取焦点。...image.png 细节周到，惊喜不断 由于是个人作品，因此 VNote 能非常灵活地提供一些非常有趣的巧妙的小功能，例如： 灵犀页：一个可以用快捷键打开的临时的页面； 快速访问：可以设置一个笔记通过快捷键打开

4.4K30

用Python写静态博客

添加页面 现在在文档中添加第二页： curl 'https://jaspervdj.be/lorem-markdownum/markdown.txt' > docs/about.md 由于我们的文档站点将包含一些导航标题...- About: about.md 保存更改，现在您会看到一个导航栏Home和About 项目左侧以及Search，Previous和Next右边的项目。...尝试菜单项并在页面之间来回导航。然后点击 Search。将出现一个搜索对话框，允许您搜索任何页面上的任何文本。请注意，搜索结果包括网站上每次出现的搜索字词，并直接链接到搜索字词所在页面的部分。...主题我们的文档 现在更改配置文件以通过更改主题来更改文档的显示方式。...如果您正在使用源代码控制，例如git您可能不希望将文档构建检查到存储库中。添加包含 site/在您的.gitignore文件中的行。

1.5K20

CodeWave系列：3.CodeWave 智能开发平台 页面布局及呈现

2.2 布局 布局是页面排版的关键组件，我们以线性布局组件为例，支持如下3种布局模式： 内联布局：将当前元素修改为内联布局模式，各个内联布局模式的元素将默认排布在同一行中，若空间不足以排布下一个内联布局元素...属性： 主要属性 每个组件的主要属性均不相同，这里说明比较通用的属性，组件特有的属性在每个组件的说明文档中详细阐述。...多用于有多层次的页面结构或较为复杂需要清晰的导航路径的应用中。 侧边栏： 侧边栏组件提供可供选择的侧边栏项，通常位于应用主要内容区域的一侧，用于应用导航菜单、应用设置等场景。...导航栏： 导航栏通常位于页面的顶部或固定位置。通过导航栏项，可以快速导航到网页应用的各个主要页面，例如首页、产品页面、服务页面等。...本节介绍如何设置默认跳转页和设置页面跳转。 选中欢迎页，右键点击出现菜单，选择设为默认跳转页。 打开总览页，选中侧边栏项P5-1：社区跳转页面，单击右侧图标设置链接表达式。

18110

「docsify」学习笔记

然后再次访问项目首页，即可发现： 这个时候我们就会发现，其实README.md文件中的内容即是项目首页显示的内容，即在运行项目后，docsify将Markdown文档README.md动态地转换成了网站的...多页文档 链接 链接可以让我们在网页之间进行跳转，如何在项目文件中添加链接？.../后端//) 如何在侧边栏中显示md文件中的二级标题、三级标题？...需要在设置中添加： subMaxLevel: 2 // 在sidebar目录中显示二级标题 自定义导航栏 开启导航栏需要在设置中添加： loadNavbar: true 然后按照侧边栏_sidebar.md...Multiple themes [GitHub](https://github.com/docsifyjs/docsify/) [Get Started](#docsify) 默认情况下，封面和文档是在同一页的

76210

从几个经典的谷歌插件挖掘出chatgpt的背后的需求

钉住信息： 钉住每个对话中的重要信息，并使用我们的快速导航侧边栏快速访问它们。 ️ 集团删除： 选择并删除一组聊天记录 存档聊天记录： 轻松查看您之前删除的聊天记录。 ️...认识一下 "useChatGPT"，这是一个免费的Chrome扩展，通过放大ChatGPT和OpenAI的GPT-4人工智能的力量，使其在你的指尖上轻松获得，从而提高你的工作效率 我们知道你的时间有多宝贵...一个免费的、开源的浏览器扩展，具有以下功能： 将聊天记录同步到本地，方便访问和搜索 将聊天记录保存为markdown、HTML、PDF或PNG格式 用短信、舒适的壁炉和黑客等主题定制ChatGPT...发现、分享、导入和使用ChatGPT的最佳提示语 在ChatGPT上查找并添加提示模板到您的收藏中，进行分类，并直接选择它们。...历史保存功能会自动将您的对话历史保存在浏览器中。 通过点击扩展图标访问保存的历史和提示模板。

44930

VS Code有哪些奇技淫巧？

代码片段可以被提取到一个新方法中，或者在不同的范围内（当前闭包、当前函数内、当前类中、当前文件内）提取到一个新函数中。在提取重构期间，VS Code 会引导为该函数进行命名。...在输入框中键入字符可以进行筛选，在列表中通过箭头来进行上下导航。这种方式对于 Markdown 文件也非常友好，可以通过标题来快速导航。...六、拆分编辑器 当对内容特别多的文件进行编辑的时候，经常需要在上下文中进行切换，这时候可以通过拆分编辑器来使用两个编辑器更新同一个文件：按下快捷键 ⌘\ 将活动编辑器拆分为两个。...2、 cmd+F 搜索当前文件 3、 alt+shift+left/alt+shift+right按词选择 4、 cmd+D 查找并选择当前所选单词的下一个匹配项。...Flutter / Nodejs 开发中比较常用 shift + E 模拟鼠标悬浮到单词，查看提示信息（这一条是我自定义的，具体在快捷键设置里搜索关键词 show hover，快捷键设置按 cmd K

1.6K10

IntelliJ IDEA 配置教程,教你彻底学会去安装它

插件和扩展 4.1 安装插件 打开设置：点击 File -> Settings，导航到 Plugins。 在 Marketplace 标签中，搜索并安装您需要的插件。...Markdown：支持 Markdown 文件的编辑和预览。 Docker：支持 Docker 容器的管理和调试。 GitToolBox：增强 Git 功能，如状态栏显示当前分支等。...4.3 配置插件 每个插件可能都有特定的配置选项，可以在 Settings 中搜索插件名来进行相应配置。 5. 主题和配色方案 5.1 安装主题 在插件市场搜索 theme，安装喜欢的主题扩展。...12.4 性能优化 禁用不常用的插件，以减少资源占用。 在设置中导航到 Editor -> General -> Editor Tabs，调整标签页显示和关闭策略，以节省内存。...总结 通过以上详细步骤，您可以将 IntelliJ IDEA 配置成一个高效的开发环境。合理利用各种插件和扩展，结合个性化设置，能大大提升开发体验和效率。

24710

前端设计开发常用命名规则

Navbar “navbar“等同于横向的导航栏，是最典型的网页元素。这部分还可以命名为:“nav”, “navigation”, “nav-wrapper”. 4....) 分类命名 id的命名: ---- (1)页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏...,使用’类别+功能’的方式命名,如 .barnews { } .barproduct { } 注意事项: ---- 1.一律小写; 2.尽量用英文; 3.不加中杠和下划线; 4.尽量不缩写，除非一看就明白的单词...如对于一组用于定义字体样式的class，我们可以使用f即foot的头字母为前缀进行命名，如： f-blue:表示蓝色字体样式 f-blod:表示粗体字体样式 对于网页中如新闻频道的一些新闻的现实样式，可以用...下面列出一些常用的命名单词方便大家使用：（以后大家工作过程中慢慢把自己积累的单词都共享出来，那大家的命就会更加统一了，就不会有一义多词的情况了。）

2.5K50
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券