小程序开发博客(小程序开发博客推荐)
本篇文章给大家谈谈小程序开发博客,以及小程序开发博客推荐对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
微信小程序云开发个人博客项目实战(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="60d86fd702a61de8 content" style='height:{{content_height}}px'
template is="wxParse" data="{{wxParseData:content.nodes}}"/
/view
view class='6fd702a61de81472 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
关于小程序开发博客和小程序开发博客推荐的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。