小程序开发博客（小程序开发博客推荐）
本篇文章给大家谈谈小程序开发博客，以及小程序开发博客推荐对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
本文目录一览：
微信小程序云开发个人博客项目实战（3）-- 文章的增删改查
地址：
修改app.json--pages，新增写文章及文章详情页面
home.wxml 加个写文章的按钮，跳转到写文章的页面
页面跳转
修改写文章页面的title，对应的json文件中修改
文章内容编辑器可以参考官方的editor --- 传送门
封面上传（不是必填项）--- 参考小程序云开发的上传图片例子来修改
向下滚动隐藏 、向上滚动显示
监听页面滚动事件
效果见文章开头
下拉刷新，json中设置允许当前页面下拉刷新
towxml解析HTML --- towxml使用-传送门
1、小程序页面跳转不同方法
wx.navigateTo
2、小程序修改单独页面title
app.json中 window 统一设置 title
如果要修改某个页面的title的话，可以在对应页面的json中修改
也可在js中动态加载
3、小程序editor组件操作图标不全，可以中文下和英文下的两个demo结合来用
4、小程序返回上个页面刷新数据
5、动态修改class
使用「语雀」搭建个人博客
以下是语雀中，一个游戏文化创作社区「 芸樱绘境 」的团队首页，以及主创者的个人主页。br /
以下是个人创作者 「 南百城 」创作的《城堡阅读》系列博文：br /
br /br /
a name="IZblG"/a
从以上展示可以看出，语雀的界面设计十分清新简洁，不管是浏览还是创作，文章内容与目录概要都可以很清晰地展示。并且语雀原生支持了PC客户端与小程序，使创作者可实现多端自由切换。br /
以下列出本人使用语雀进行博客创作时感受到的实际优点：
a name="fY57n"/a
本人从事程序开发工作，之前使用hexo框架通过git搭建过个人网站。搭建过程中光是查资料、改网站页面、配置各种样式等等都费了很多功夫，就更别提非电脑专业人士搭建起来有多困难了。 如果你不想折腾，只想快速拥有一个属于自己的博客网站，并专注内容创作，那「语雀」将是一个非常合适的选择 。br /
「语雀」的博客建设不需要创作者学习任何技术。只需注册账号（支持直接通过支付宝或钉钉登录）即可开始搭建。因为是浏览器在线界面，所以本地也不需要安装任何写作工具，鼠标一键就能直接在页面上开始创作文章并保存、发布。
a name="AFbWk"/a
用途方面。「语雀」除了作为博客外，还有多种使用方式，比如：
功能方面。不仅仅是写作，其他内容创作者需要的的功能应有尽有：
使用语雀后最大的感受就是。。。br / 界面可太清爽了 ！！
内容管理上，「语雀」所有文章的创作都遵循“结构化知识库管理”，形式上类似书籍的目录，比起其他博客网站更符合浏览创作习惯。通过新建不同的知识库来归类文章，而知识库内部用鼠标轻轻一滑拉就能调整目录结构，简直强迫症福音。br /
同时，「语雀」上创作不用像Markdown那样记住各种格式语法，而是直接通过富文本的方式，每一个格式都有对应的快捷键，文章编辑非常之流畅。同事看到我在语雀上敲文的时候，直呼：“看你写东西也太爽了！”
a name="BHccZ"/a
注册后，个人空间有10G的免费上传流量， 所有功能免费使用 。br /新建一个多人协作的知识小组，小组空间同样有10G的免费上传流量。br /如果觉得空间流量不够，可以邀请他人注册，每成功邀请一个人即可获得1G的免费流量上线。br /如果还是不够，可以充值成为会员。个人空间一年99¥，直接获得100G上传流量以及其他会员特权。br /
a name="E5SA3"/a
在空间或知识小组模式下，「语雀」的文档以及表格等都是支持在线协同编辑的。br /只要是同一个小组或团队的成员，都可以对同一个文档实现在线异步编辑。同时可设置权限，将该文档以只读方式分享给非团队成员预览。br /
同时提供多种在线文档模板，如项目进度表、日程安排表。并且 所有文档内容都支持版本回退功能 。并且知识库或单个文档的导入导出功能，还保证团队数据可随时迁移。
a name="uFdQM"/a
「语雀」作为阿里巴巴旗下的产品，最开始是作为内部员工使用的文档协同系统，后来的产品迭代中开始面向全互联网用户。我在使用过程中发现「语雀」的社区氛围很好， 语雀 团队中可以看到经常会举办线上线下的活动，讨论区中也能看到对用户意见和问题的及时反馈。我之前误操作了团队权限，在讨论区提问后不到半小时，便得到了内部人员的答复与邮件提示。br /
除此之外，有阿里这样的大公司护航，系统内部数据的安全性和稳定性自然可以得到很高的保障。总之从我个人的角度看，用「语雀」写博客的体验非常棒。
a name="KiHDq"/a
别看前面说了这么多，其实真正的搭建工作还是很简单的。br /只需要一台有浏览器能上网的电脑，以及注册一个语雀账号，就可以开始创建属于你个人的空间与博客啦。br /注册账号： br /
我在使用「语雀」时，将 技术 与 生活 类的内容分别发布了两个地方，分别是 技术博客 与 个人主页 。br /
a name="SrXyd"/a
a name="zZAbb"/a
在工作台的页面右上角点击 新建 ，会出现不同的选项：br /
选择 知识小组 ，点击 下一步 br /
首先点击 设置 ，进入设置页面br /
「语雀」的内容建立方式是先创建 知识库 ，再在不同的 知识库 下分别发布不同的 内容 。这样的好处是从一开始就做好了内容的分类和归档。br /
在 知识库 页面下点击 【新建知识库】br /
a name="AiGLY"/a
a name="o8Vr2"/a
a name="niIYL"/a
点击页面右上角的头像，点击** 账户设置 **后进入 【账户管理】 br /同样的，可以设置个人主页的访问路径br /
a name="pMhjW"/a
a name="upSsw"/a
之前讲过，「语雀」本身是一个在线的多人协同系统。所以我们搭建的博客其实相当于是一个 仅有作者本人作为成员 的团队协同网站。br /所以如果你想邀请其他人和你一起创作博客或者发布内容，也是完全可以的！br /
br /在博客的 **设置 **页面可编辑成员的权限，并且可以开启讨论区，以论坛发帖的形式互相讨论。br /
点击左上角的语雀图标进入个人工作台，在 小记 中可以方便记录一下感想、笔记或者备忘的内容。br /
a name="NL0Ct"/a
注意，「语雀」新推出的空间功能是可以让团队加入的。
所以在进行 团队转入空间 操作时，一定要谨慎。
a name="vATcr"/a
br /也可以登陆后在我主页的头像下方点 **关注 ** 支持一下作者，并开始搭建属于你自己的博客 ：）br /
「三味 · 语雀」 br /
新闻怎么叠
曾坤的微信小程序
开发技术与运营推广技巧
博客园 首页 联系 管理 随笔 - 17 文章 - 0 评论 - 2 阅读 - 73832
资讯类正文内容的折叠与展开（自创超简单方法）
自己开发的一个资讯类小程序，其中要用到正文内容的折叠与展开功能，百度搜了N回，发现大部分文章介绍的方法都千篇一律，都是采用以下代码实现的：
display: -webkit-box;/*关键属性*/
-webkit-box-orient: vertical;/* 关键属性 */
-webkit-line-clamp:6;/* 关键属性 */
overflow: hidden;/* 关键属性 */
text-overflow:ellipsis;/* 超出内容显示省略号*/
但自己用上去以后，发现问题多多，p/p标记无法识别，每篇文章载取的高度都不一样，不是我要的效果。
整理了一下自己的思路，发现不难，马上动手，发现很少的代码就实现了：
首先，在js文件中加上以下代码：
page({
data:{
content_height:680, //这边设置一下正文区域默认显示的高度
ishiddenAllbtn:false //是否隐藏“显示全文”按钮区域
}，
showAll: function () {
this.setData({
content_height: '100%', //点击“显示全文”后的高度（显示文章全文高度）
ishiddenAllbtn:true //隐藏“显示全文”按钮区域
})
},
})
在wxml文件中加上：
view class="f784909e52dc0ece content" style='height:{{content_height}}px'
template is="wxParse" data="{{wxParseData:content.nodes}}"/
/view
view class='909e52dc0eceb324 showAll' bindtap='showAll' hidden='{{ishiddenAllbtn}}'显示全文/view
分类: 开发技术
好文要顶 关注我 收藏该文
来来趣趣
粉丝 - 0 关注 - 0
+加关注
0 0
« 上一篇： 获取远程资源提示msxml3.dll指定资源下载失败
» 下一篇： 从数据表中列出某字段不重复的所有列的数据
posted @ 2019-01-10 13:44 来来趣趣 阅读(441) 评论(0) 编辑 收藏 举报
刷新评论刷新页面返回顶部
登录后才能查看或发表评论，立即 登录 或者 逛逛 博客园首页
编辑推荐：
· ［深度思考］如何优雅的校验参数？
· 生产事故-错误密钥引发的接口通信问题
· 记一次 .NET 某安全生产信息系统 CPU 爆高分析
· 一次 TiDB GC 阻塞引发的性能问题分析
· 现代 CSS 高阶技巧，不规则边框解决方案
阅读排行：
· 手把手教你玩转 Excel 数据透视表
· 学习.NET MAUI Blazor（二）、MAUI是个啥
· 如何做好一款管理后台框架
· 2022年总结
· .NET周报【12月第3期 2022-12-23】
公告
昵称： 来来趣趣
园龄： 4年3个月
粉丝： 0
关注： 0
+加关注
2022年12月
日 一 二 三 四 五 六
27 28 29 30 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
1 2 3 4 5 6 7
搜索
常用链接
我的随笔
我的评论
我的参与
最新评论
我的标签
随笔分类
开发技术(14)
随笔档案
2020年9月(1)
2020年8月(3)
2019年3月(1)
2019年2月(1)
2019年1月(2)
2018年11月(1)
2018年10月(6)
2018年9月(2)
链接
小程序社区
翡翠令
阅读排行榜
1. 如何让css中的background-image图片自适应(35621)
2. 如何让你的服务器对TLS1.2、1.1和1.0全支持(9193)
3. 如何让子div在父div盒子中贴底部显示(8699)
4. 微信小程序中如何让子view在view区域中水平垂直居中(7339)
5. 微信小程序，滑动页面到指定位置，固定元素在顶部(3093)
评论排行榜
1. 如何让css中的background-image图片自适应(1)
2. 如何让你的服务器对TLS1.2、1.1和1.0全支持(1)
推荐排行榜
1. 如何让css中的background-image图片自适应(4)
最新评论
1. Re:如何让css中的background-image图片自适应
学习了
--飞飞龙
2. Re:如何让你的服务器对TLS1.2、1.1和1.0全支持
代码？
--mackle
Copyright © 2022 来来趣趣
Powered by .NET 7.0 on Kubernetes
关于小程序开发博客和小程序开发博客推荐的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
