小程序开发博客(小程序开发博客推荐)

小程序开发 1833
本篇文章给大家谈谈小程序开发博客,以及小程序开发博客推荐对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、微信小程序云开发个人博客项目实战(3)-- 文章的增删改查

本篇文章给大家谈谈小程序开发博客,以及小程序开发博客推荐对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

微信小程序云开发个人博客项目实战(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="95f6b9a4d7fc3132 content" style='height:{{content_height}}px'

template is="wxParse" data="{{wxParseData:content.nodes}}"/

/view

view class='b9a4d7fc31324e09 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

关于小程序开发博客和小程序开发博客推荐的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

扫码二维码