# How to embed Linkedin page in franklin.jl made website?

**URL:** <https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376>\
**Category:** General Usage\
**Tags:** franklin\
**Created:** [January 1, 2023, 5:00am UTC](https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376 "2023-01-01T05:00:44Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![raman\_kumar](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/raman_kumar/32/26782_2.png) [@raman\_kumar](https://discourse.julialang.org/u/raman_kumar)\
**Post date:** [January 1, 2023, 5:00am UTC](https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376/1 "2023-01-01T05:00:44Z")

</div>

How can i add Linkedin icon franklin.jl made website ?

---

<div class="post-metadata">

**Author:** ![kellertuer](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/kellertuer/32/220707_2.png) [@kellertuer](https://discourse.julialang.org/u/kellertuer)\
**Post date:** [January 1, 2023, 11:00am UTC](https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376/2 "2023-01-01T11:00:53Z")

</div>

That depends a little bit on what you have as a code base.

In my page I have come Icons in the sidebar, so I add them here

> <https://github.com/kellertuer/kellertuer.github.io/blob/2d39202f1696e3737f1840456d8e541a442a86a1/_layout/sidebar.html#L16-L22>

which generates the bottom line in the left sidebar at [https://ronnybergmann.net](https://ronnybergmann.net)

But that also depends on how your Layout is defined and whether you have a sidebar. The `navicons` are then styled with CSS. And I am using font awesome icons (as well as academicons).

But maybe this helps as a starting point to check you `_layout` html files.

---

<div class="post-metadata">

**Author:** ![raman\_kumar](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/raman_kumar/32/26782_2.png) [@raman\_kumar](https://discourse.julialang.org/u/raman_kumar)\
**Post date:** [January 1, 2023, 12:25pm UTC](https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376/3 "2023-01-01T12:25:32Z")

</div>

I uses Vela layout . What is your layout ? I like your layout so i want to switch to it.  
I guess your layout is Hyde.

---

<div class="post-metadata">

**Author:** ![kellertuer](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/kellertuer/32/220707_2.png) [@kellertuer](https://discourse.julialang.org/u/kellertuer)\
**Post date:** [January 1, 2023, 1:20pm UTC](https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376/4 "2023-01-01T13:20:01Z")

</div>

I don‘t remember, because the origins of this page are from an old Jekyll theme (maybe it was MinimalMistakes by then?), and I might have used Hyde as a start, but then I heavily customised the theme, especially the line of icons I mentioned, I handcrafted myself.

---

<div class="post-metadata">

**Author:** ![raman\_kumar](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/raman_kumar/32/26782_2.png) [@raman\_kumar](https://discourse.julialang.org/u/raman_kumar)\
**Post date:** [January 1, 2023, 1:32pm UTC](https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376/5 "2023-01-01T13:32:17Z")

</div>

Your web [page](https://ronnybergmann.net/) have lot of area on right side blank . Why not you increase font size to cover this space ? If you can do that then please also tell it to me ? you should make page bigger so that viewer don’t need to Zoom it for better look .

Good news you can increase content area by changing poole\_hyde.css in CSS folder.  
` @media (min-width: 768px) { .content { max-width: 80rem; margin-left: 15rem; margin-right: 2rem; } }`

---

<div class="post-metadata">

**Author:** ![kellertuer](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/kellertuer/32/220707_2.png) [@kellertuer](https://discourse.julialang.org/u/kellertuer)\
**Post date:** [January 2, 2023, 6:48am UTC](https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376/6 "2023-01-02T06:48:19Z")

</div>

As you can see the max with is `80rem` which is about 80 characters and the intended width of a text line.  
Just because there is space does not mean one should use it. If you read a line of more than 80 characters, it is usually hard to return to the left to start the next line.  
So that width is intended.

I do not remember whether I ever changed the default font size, but on my machines it looks fine. Also note that if you have increase the font size, it stays with the roughly-80-character width of the content.

---

<div class="post-metadata">

**Author:** ![raman\_kumar](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/raman_kumar/32/26782_2.png) [@raman\_kumar](https://discourse.julialang.org/u/raman_kumar)\
**Post date:** [January 2, 2023, 7:25am UTC](https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376/7 "2023-01-02T07:25:21Z")

</div>

No sir , Please look website that i am making. It covers more content area so you can also make changes as i suggested above.

 ![image](https://global.discourse-cdn.com/julialang/original/3X/5/b/5b17a7797769f878a956288e60c59eeeedeffd3b.png)

---

<div class="post-metadata">

**Author:** ![kellertuer](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/kellertuer/32/220707_2.png) [@kellertuer](https://discourse.julialang.org/u/kellertuer)\
**Post date:** [January 2, 2023, 7:34am UTC](https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376/8 "2023-01-02T07:34:21Z")

</div>

Sure it _is_ programmatically possible and for publications like you listed it does not make much of a difference. For little longer texts to read, the 80 characters _are_ better.

Still, feel free to design your pages the way you like, but I’ll keep mine as is.

---

<div class="post-metadata">

**Author:** ![raman\_kumar](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/raman_kumar/32/26782_2.png) [@raman\_kumar](https://discourse.julialang.org/u/raman_kumar)\
**Post date:** [January 2, 2023, 7:37am UTC](https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376/9 "2023-01-02T07:37:44Z")

</div>

I am still not able to embed Linkedin on my website which i made with Hyde layout .

---

<div class="post-metadata">

**Author:** ![kellertuer](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/kellertuer/32/220707_2.png) [@kellertuer](https://discourse.julialang.org/u/kellertuer)\
**Post date:** [January 2, 2023, 8:03am UTC](https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376/10 "2023-01-02T08:03:16Z")

</div>

Without an example what you tried I can not help you much more than stating how this can be done (by showing my example). You will have to look to the `_layout` folder, the page elements therein and add a list or the one icon therein. Afterwards you can fine.tune the placement with CSS, see my list above as an example.

---

<div class="post-metadata">

**Author:** ![raman\_kumar](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/raman_kumar/32/26782_2.png) [@raman\_kumar](https://discourse.julialang.org/u/raman_kumar)\
**Post date:** [January 2, 2023, 8:59am UTC](https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376/11 "2023-01-02T08:59:48Z")

</div>

```
**julia\>** using Franklin **julia\>** serve() **┌ Franklin Warning:** in <config.md> **│** No 'config.md' file found. It is recommended to keep one. **│**  **│** Relevant pointers: **│** - workflow and folder structure: https://franklinjl.org/workflow/ **└**** ERROR:** ArgumentError: The current directory doesn't have a `_layout` or `_css` folder; change directory to a valid Franklin folder.
Stacktrace:
 [1]**serve(**;clear::Bool,verb::Bool,port::Int64,single::Bool,prerender::Bool,nomess::Bool,is\_final\_pass::Bool,no\_fail\_prerender::Bool,eval\_all::Bool,silent::Bool,cleanup::Bool,on\_write::Franklin.var"#246#249",log::Bool,host::String,show\_warnings::Bool,fail\_on\_warning::Bool,launch::Bool,no\_set\_paths::Bool,join\_to\_prepath::String**)** @ Franklin~/.julia/packages/Franklin/9tdjr/src/manager/franklin.jl:102[2]**serve()** @ Franklin~/.julia/packages/Franklin/9tdjr/src/manager/franklin.jl:49[3] top-level scope @ REPL[2]:1
```

---

<div class="post-metadata">

**Author:** ![tlienart](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/tlienart/32/7640_2.png) [@tlienart](https://discourse.julialang.org/u/tlienart)\
**Post date:** [January 2, 2023, 9:59am UTC](https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376/13 "2023-01-02T09:59:03Z")

</div>

This repo: [GitHub - tlienart/ft-academic-resume: draft Franklin template for the academic template](https://github.com/tlienart/ft-academic-resume) is a working example inspired from the academic template and has the LinkedIn stuff. You can just fork that repo.

Alternatively in any template you want (including one you’d build by yourself), you can always embed arbitrary HTML in your `.md` files by fencing it with ` ~~~...~~~ ` something like this:

```julia
some markdown here
~~~
<a href="YOUR_LINKEDIN_URL" target=_blank rel=noopener>
<i class="fab fa-linkedin big-icon"></i>
</a>
~~~
some more markdown

```

(the `fab fa-linkedin` stuff assumes you have [font awesome](https://fontawesome.com/) in your stylesheet)

The example you gave where you get an error is because you ran `serve()` in a directory that does not have the expected structure in Franklin, please look at [the docs](https://franklinjl.org/workflow/) or work from an [existing template](https://github.com/tlienart/FranklinTemplates.jl).

---

<div class="post-metadata">

**Author:** ![raman\_kumar](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/raman_kumar/32/26782_2.png) [@raman\_kumar](https://discourse.julialang.org/u/raman_kumar)\
**Post date:** [January 2, 2023, 10:15am UTC](https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376/14 "2023-01-02T10:15:44Z")

</div>

Hi  
I have changed the folder names but how can i got back them ?  
Actually i want to name like Students instead of Menu1 etc. When i was changing names of folder during live website everything was fine but when i closed terminal and restarted serve() then it showed error - - No ’ config.md ’ file found.

---

<div class="post-metadata">

**Author:** ![kellertuer](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/kellertuer/32/220707_2.png) [@kellertuer](https://discourse.julialang.org/u/kellertuer)\
**Post date:** [January 2, 2023, 11:06am UTC](https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376/15 "2023-01-02T11:06:56Z")

</div>

Well if you changed the folder names then just change them back. For best of cases you have your project under version management and can easily get back to the previous version by checking out previous versions from git.

Concerning the live website – it can update if you change md-files but it might only read html-files (those from layout) and especially Julia functions upon first serve – that is why you sometimes should restart that (for the details which parts are dynamically loaded and which ones are not precisely I am not the expert). Also please read the links from Thibaut about the general workflow with Franklin.

And without an example what you tried it is still complicated to help. And please also consider [Please read: make it easier to help you](https://discourse.julialang.org/t/please-read-make-it-easier-to-help-you/14757) concerning this remark.

---

<div class="post-metadata">

**Author:** ![raman\_kumar](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/raman_kumar/32/26782_2.png) [@raman\_kumar](https://discourse.julialang.org/u/raman_kumar)\
**Post date:** [January 2, 2023, 11:15am UTC](https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376/16 "2023-01-02T11:15:56Z")

</div>

No i have not uploaded it till yet on GitHub.  
It’s in my laptop.

---

<div class="post-metadata">

**Author:** ![kellertuer](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/kellertuer/32/220707_2.png) [@kellertuer](https://discourse.julialang.org/u/kellertuer)\
**Post date:** [January 2, 2023, 12:32pm UTC](https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376/17 "2023-01-02T12:32:18Z")

</div>

Sorry, that is not what I meant, I meant point 4 from

> [@Please read: make it easier to help you](https://discourse.julialang.org/t/please-read-make-it-easier-to-help-you/14757):
>
> Welcome to the Julia Discourse! We are enthusiastic about helping Julia programmers, both beginner and experienced. This public service announcement (PSA) outlines best practices when asking for help. Following these points makes it easier for us to help you and more likely you’ll get a prompt, useful answer. Keywords are highlighted to make it easier to refer to specific points. Choose a descriptive title that captures the key part of your question, eg “plots with multiple axes” instead of …

that is creating MWEs and narrowing down the problem yourself beforehand. I will definitely not clone your repository and fix your bugs, sorry for that, especially since it seems you are not creating a page for yourself.

---

<div class="post-metadata">

**Author:** ![raman\_kumar](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/raman_kumar/32/26782_2.png) [@raman\_kumar](https://discourse.julialang.org/u/raman_kumar)\
**Post date:** [January 2, 2023, 1:37pm UTC](https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376/18 "2023-01-02T13:37:22Z")

</div>

Sorry , i had created directory within directory. But still i have one problem that "Publications " directory is getting duplicated with Pulications automatically within \_\_site folder.

---

<div class="post-metadata">

**Author:** ![raman\_kumar](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/raman_kumar/32/26782_2.png) [@raman\_kumar](https://discourse.julialang.org/u/raman_kumar)\
**Post date:** [January 3, 2023, 9:40am UTC](https://discourse.julialang.org/t/how-to-embed-linkedin-page-in-franklin-jl-made-website/92376/19 "2023-01-03T09:40:41Z")

</div>

Hi i have developed website but on git [https://raman-maker.github.io/maria.github.io/](https://raman-maker.github.io/maria.github.io/) it looks much different than on local system. What should i do ?

 ![local](https://global.discourse-cdn.com/julialang/original/3X/0/1/01b47b1114ec79b5d73c626caa88d24fcf16063f.jpeg)

My terminal looks like this .

```
   **~** cd./Maria ✔    **~** / **Maria**    master julia ✔ **\_**** \_ **_** \_****(\_)****\_ **| Documentation: https://docs.julialang.org** (\_) **|** (\_)****(\_)**|
   _ _ _| |_ __ _ | Type "?" for help, "]?" for Pkg help.
  | | | | | | |/ _` | |
  | | |_| | | | (_| | | Version 1.8.3 (2022-11-14)
 _/ |\ __'_|_|_|\__'_| | Official https://julialang.org/ release
|__/ | **julia\>** using Franklin **julia\>** serve() **Activating** project at `~/Maria`
→ Initial full pass...
→ Starting the server...**[ Info:** Listening on: 127.0.0.1:8000, thread id: 1
✓ LiveServer listening on http://localhost:8000/ ...
  (use CTRL+C to shut down) **┌ Error:** handle_connection handler error **│** exception = **│** IOError: write: broken pipe (EPIPE) **│** Stacktrace: **│** [1]**uv\_write(**s::Sockets.TCPSocket,p::Ptr{UInt8},n::UInt64**)****│ **@ Base./stream.jl:1064** │**[2]**unsafe\_write( **s::Sockets.TCPSocket,p::Ptr{UInt8},n::UInt64** ) ****│** @ Base./stream.jl:1118 **│** [3]**unsafe\_write(**c::HTTP.ConnectionPool.Connection,p::Ptr{UInt8},n::UInt64**)****│ **@ HTTP.ConnectionPool~/.julia/packages/HTTP/RyUY8/src/ConnectionPool.jl:106** │**[4]**unsafe\_write( **http::HTTP.Streams.Stream{HTTP.Messages.Request, HTTP.ConnectionPool.Connection},p::Ptr{UInt8},n::UInt64** ) ****│** @ HTTP.Streams~/.julia/packages/HTTP/RyUY8/src/Streams.jl:95 **│** [5]**write(**io::HTTP.Streams.Stream{HTTP.Messages.Request, HTTP.ConnectionPool.Connection},s::String**)****│ **@ Base./strings/io.jl:244** │**[6]**write( **io::HTTP.Streams.Stream{HTTP.Messages.Request, HTTP.ConnectionPool.Connection},s::Base.CodeUnits{UInt8, String}** ) ****│** @ Base./strings/basic.jl:758 **│** [7]**(::HTTP.Handlers.var"#1#2"{LiveServer.var"#16#20"{typeof(identity), Bool, Bool, LiveServer.SimpleWatcher}})(**stream::HTTP.Streams.Stream{HTTP.Messages.Request, HTTP.ConnectionPool.Connection}**)****│ **@ HTTP.Handlers~/.julia/packages/HTTP/RyUY8/src/Handlers.jl:61** │**[8]**(::LiveServer.var"#25#26"{HTTP.Handlers.var"#1#2"{LiveServer.var"#16#20"{typeof(identity), Bool, Bool, LiveServer.SimpleWatcher}}})( **http::HTTP.Streams.Stream{HTTP.Messages.Request, HTTP.ConnectionPool.Connection}** ) ****│** @ LiveServer~/.julia/packages/LiveServer/t2p5e/src/server.jl:606 **│** [9] **#invokelatest#2**** │**@ ./essentials.jl:729 [inlined]**│**[10]**invokelatest ****│** @ ./essentials.jl:726 [inlined] **│** [11]**handle\_connection(**f::Function,c::HTTP.ConnectionPool.Connection,listener::HTTP.Servers.Listener{Nothing, Sockets.TCPServer},readtimeout::Int64,access\_log::Nothing**)****│ **@ HTTP.Servers~/.julia/packages/HTTP/RyUY8/src/Servers.jl:447** │**[12]**(::HTTP.Servers.var"#16#17"{LiveServer.var"#25#26"{HTTP.Handlers.var"#1#2"{LiveServer.var"#16#20"{typeof(identity), Bool, Bool, LiveServer.SimpleWatcher}}}, HTTP.Servers.Listener{Nothing, Sockets.TCPServer}, Set{HTTP.ConnectionPool.Connection}, Int64, Nothing, Base.Semaphore, HTTP.ConnectionPool.Connection})() ****│** @ HTTP.Servers./task.jl:484 **└** @ HTTP.Servers ~/.julia/packages/HTTP/RyUY8/src/Servers.jl:461
```