You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在不使用R Markdown的前提下为Shiny应用添加开发者信息

无需R Markdown的Shiny开发者信息页实现方案

直接使用Shiny原生的栅格布局组件+内联CSS即可实现卡片式的开发者介绍效果,不需要引入额外的R Markdown依赖。你可以参考下面修改后的完整代码:

library(shiny)
library(shinythemes)

ui <- shiny::navbarPage(theme = shinytheme("flatly"),
                        title="Test", collapsible = TRUE,
                        
                        tabPanel("Developers",
                                 br(),
                                 # 单个开发者卡片模块
                                 fluidRow(
                                   # 卡片容器,加边框和内边距
                                   div(style = "border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; margin: 0 15px 20px 15px;",
                                       column(width = 3,
                                              # 头像展示,调整尺寸和圆角,src可替换为自己的头像地址
                                              img(src = "自定义头像地址", 
                                                  style = "width: 150px; height: 150px; border-radius: 50%;")
                                       ),
                                       column(width = 9,
                                              h2(a("Jose Souza", href="www.josesouza.com", target="_blank")),
                                              h4("e-mail: jojo.souza@1208.com"),
                                              # 可额外添加职位、介绍等信息
                                              p("高级数据分析师,专注于交互式可视化开发", style = "font-size: 16px; margin-top: 10px;")
                                       )
                                   )
                                 )
                                 # 要添加更多开发者,直接复制上面的fluidRow模块修改对应信息即可
                        )
)

server <- function(input, output,session) {
  
}

shinyApp(ui = ui, server = server)

可调整配置说明

  • 头像的src属性可以替换为你本地图片的路径(需要放在Shiny应用的www目录下)或者自定义的在线图片地址
  • 可以调整容器style参数里的边框颜色、圆角大小、内边距、边距等值,匹配你的应用主题
  • 右侧信息区域可以自由添加职位、个人简介、社交账号链接等额外内容

内容的提问来源于stack exchange,提问作者user16774617

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.05 05:57:02